Forums

  • # December 16, 2008 at 4:45 pm

    I’m testing some of my sites in IE8 Beta 2. On one site, I have a horizontal navigation menu with submenus that drop down vertically when you mouseover one of the main menu items. It’s built out of unordered lists.

    Anyway, the menu itself works fine (surprisingly), but there’s one weird bug – when you mouseover a link in the submenu, the link color changes (as it’s supposed to), but the background-color of the link doesn’t. What’s weird is that I have the background-color and the link color defined in the same selector.

    This is the code:

    Code:
    #menu ul li.root:hover ul li a:hover {
    background-color: #efefef;
    color: #00adef;
    }

    No matter what I do, I can’t get the background-color to take effect. I tried using !important and it didn’t make a difference. Even with Compatibility View enabled (which switches to IE7-style rendering), it still doesn’t work, which is odd since it does appear in real IE7 (and IE6, and Firefox, and Safari).

    Any ideas?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag