That was fun. Background position rollovers are great! But; if you have layered levels of backgrounds in Internet Explorer, the rendering engine basically just gives up and renders a complete mess as soon as you roll over. Not pretty. Another IE bug!
Came up with a simpler JS-free solution - just add the highlighted images to the background, and then set the buttons to go transparent on rollover. Thanks for the bug report and all the suggestions evryone. Joe -----Original Message----- From: Laurian Gridinoc [mailto:[EMAIL PROTECTED] Sent: Wednesday, 21 December 2005 12:24 AM To: user@lenya.apache.org Subject: Re: Another new lenya site live Hello, On 12/20/05, Borut Hadžialić <[EMAIL PROTECTED]> wrote: > did you notice that the tabs (Home, About Us, Employment, Legal) disappear > when > you mouse over them? > This only happens when you mouse over them for the very first time > (first page visit, first mouseover). > After that they behave normally. a#about_us_button { float:left; width: 81px; height: 24px; background: url(../images/about_us_button_lo.gif); } a#about_us_button:hover { background: url(../images/about_us_button_hi.gif); } The rollovers have no preload, that's the issue. Either preload the images by referring them in another place, either preload them by JavaScript :(. Or better, use CSS background position rollover effect. See Single-image Rollovers here: http://www.alistapart.com/articles/slidingdoors2/ Cheers, -- Laurian Gridinoc, www.grapefruit.ro --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
