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/