The :hover and :active state of the anchors in the top-level menu items should change text color and background color, then revert back when :link and :visited. In Firefox, Safari, Opera, and even MSIE that’s exactly what it does (see illustration). But in MSIE7 and the latest MSIE8 beta, it doesn’t apply the background color… or so I thought.
Here’s the rule in question:
Here’s what it looks like in MSIE7+, notice the lack of a white “bar” around the top menu item?
Here’s the really screwy thing: if I change the background-color to “black” or “orange” or ANYTHING else, it works just fine.
If I apply the “!important” attribute,
If I change it back to “white” or “White” or “WHITE”, it’s broken again.
If I try the abbreviated HEX, #FFF, it’s broken.
If I try the full HEX, #FFFFFF, it’s broken.
However, if I try “almost white” in the form of #FFFFFE (notice the last number, “E” rather than “F”), it works just dandy. (And yes, “E” is a “number” in hexadecimal.)
So here’s how our new rule reads: