I have decorated the TitleWindow CloseButton with custom CSS:
close-button-up-skin: Embed
("../images/resizable_window/window_close_up.png");
close-button-over-skin: Embed
("../images/resizable_window/window_close_over.png");
close-button-down-skin: Embed
("../images/resizable_window/window_close_down.png");
close-button-disabled-skin: Embed
("../images/resizable_window/window_close_disabled.png");
So, now it looks like this:
http://www.dkozar.com/images/bugs/title_window_close_button_1.gif
When I roll over it, it looks like:
http://www.dkozar.com/images/bugs/title_window_close_button_2.gif
OK for now...
But the problem is:
When I move a mouse way below the button:
http://www.dkozar.com/images/bugs/title_window_close_button_3.gif
There is a tiny invisible "strip" 1px wide which seems to ba a part
of the button. When I rollOver it, this is what happens:
http://www.dkozar.com/images/bugs/title_window_close_button_4.gif
So, can anyone tell me what's this strip anyway and how to get rid
of it:
http://www.dkozar.com/images/bugs/title_window_close_button_5.gif
???
ps. I'm sure that my PNGs are 16x16px.
Thanks!