Hi, I'm wondering if anyone could help me out on this issue. I have stripped down my menu to identify the problem and only have simple positioning rules left in my MenuStyle.css. I have identified that the problem is the .VccMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover rule.
.VccMenu
ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
color:#FFFFFF;
background: transparent;
}
The problem is that when I hover over a menu leaf item the menu adds about 2 pixels on the bottom of the a tag. If I take away the background:transparent rule and only use the color rule there is no problem. But as soon as I use a rule other than color on a:hover (background, cursor o.) there is this anoying extra 2 pixels when hovering over a leaf item. It, doesn't matter if the a:hover rule is under AspNet-Menu-Leaf, as long as there is one and it contains anything other than a color rule, the problem arises. The problem only applies to IE (6) and only if the leaf item is "alone". If there are 2 leaf nodes it also works fine.
Has anyone experienced the same, or have a solution for this?