Blake wrote:

> Hi guys,
> 
> http://svitavice.blakehaswell.com/
> 
> The background is acting all weird on hover in IE6. The top level
> background is getting a background image for the 'daddy' class, while
> LIs with the daddy class are losing their background image on hover.
> 
> I wrote this over a year ago and the project was shelved for a long
> time - tbh I'm having trouble figuring out my own code.
> 
> Thanks,
> Blake

This is similar to the multiple class selector bug [1] where IE6 only see the 
last class. With this selector.

#nav li.daddy.sfhover

IE6 sees only

#nav li.sfhover

which selects all <li> elements. One tested fix is to use the daddy class on 
the anchor elements themselves.

<li><a class="daddy" href="...">Místní turistika</a>

and with this CSS

#nav li a.daddy {
        background: url(daddy.gif) right center no-repeat #E6E6E6;
}

#nav li a.daddy:hover {
        background: url(daddy.gif) right center no-repeat #D0EFFF;
}

Tested in IE6, IE7, Gecko, Opera and Safari 3 on windows.

[1] <http://therealcrisp.xs4all.nl/meuk/iecssbug.html>

Alan

http://css-class.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to