Home/ Questions/Q 330641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T09:42:01+00:00

Why does IE not change the background color on my site for tabs a:hover

  • 0

Why does IE not change the background color on my site for tabs a:hover but does so in Firefox/Chrome/Safari correctly?

What can I do to make it work in IE 6+?

HTML

<ul class="tabbernav">
<li class="tabberactive"><a title="All" href="javascript:void(null);">All</a></li>
<li class=""><a>Tab1<span class="tabTotal"> (0)</span></a></li>
<li class=""><a>Tab2<span class="tabTotal"> (2)</span></a></li>
<li class=""><a>Tab3<span class="tabTotal"> (1)</span></a></li>
</ul>

CSS

ul.tabbernav li a:hover {background:#fdfdfd; border: 1px solid #555; border-bottom: none; color:#3366a9; cursor: pointer}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First thing I’d do is double check that the order of the psuedo selectors is correct.

    It should be-

    a:link {color:#FF0000} /* unvisited link */  
a:visited {color:#00FF00} /* visited link */  
a:hover {color:#FF00FF} /* mouse over link */  
a:active {color:#0000FF} /* selected link */

    The only specific IE hover issue I remember relates to non-link elements so I don’t think that is your issue. http://www.bernzilla.com/item.php?id=762 – Just in case.

    If that doesn’t answer your question do you mind posting the related block of css?

    GAH- That was a hard one!

    It looks like IE is breaking because the links don’t have an associated Href element. Fix that and you should be fine.

    –Breaking News – I may be an idiot- That was the last thing I changed on my test page and that fixed it but when I put it all back together it broke everywhere… so take what I just posted with a grain of salt. I’m backing up to see what happened.

    • 0