Hello,
I am using the great Superfish jQuery menu. The only issue I have is
with the sfHover class not being attached to li when the hovered li
contains a link ("a" tag).
I guess this isn't a problem for most of the users for which the A
block overflows exactly the LI but my A is contained within the LI and
doesn't fully overflow it (I use some padding within the LI). On IE8
and FF, this isn't a problem, when the LI is hovered, it is recognized
and the right background is applied. But on IE6, it recognizes only
the A hover so only the A block has its background applied and the
rest of the LI remains with the non hovered background.
Checking with Firebug, I saw that the sfHover class wasn't attached to
the li when there was an A into the LI.
Here is my CSS code :
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li a:hover, .sf-menu li li a:hover
{
background:#CFDEFF;
color: #fff;
}
