The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Hover effects not applying in IE8

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #23784

    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:

    #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)
  • The forum ‘CSS’ is closed to new topics and replies.