IE8 Fehler - CSS "a:hover" - Attribut nicht funktioniert

Ich habe eine Liste mit Anker-links, die verknüpft haben :hover Attribute - wirklich einfach. Das CSS funktioniert im IE7 und allen anderen Browsern, aber nicht im IE8.

.header-nav ul li a:hover {
     border-bottom: 1px dotted #fff;
}

Ich versucht, meine doctype-Deklaration von HTML5 zu HTML4 strict und nichts verändert - irgendwelche Ideen?

Dank!

EDIT: zugehörige HTML:

<ul>
    <li><a href="http://www.google.com/">Getting Started</a>
    </li><li><a href="http://www.google.com/">Refill</a>
    </li><li><a href="http://www.google.com/">Status</a>
    </li><li><a href="http://www.google.com/">Services</a>
    </li><li><a href="http://www.google.com/">Conditions</a></li>
</ul>

Regelmäßige CSS:

.header-nav ul {
    list-style-type:none;
    margin:0;
    padding-left:25px;
    position: absolute; 
    top: 10px;
    *top: 15px;
    left: 0;        
}

.header-nav ul li {
    display: inline-block;
    zoom: 1; *display: inline;      /* Fix for IE7 */
    padding: 0 40px;
}

.header-nav ul li a {
    text-decoration: none;
    line-height: 23px;
    font-size: 18px;
    position: relative;
    top: 7px;
    *top: 2px;  /* IE7 */
    color: #fff;    
}

Wieder, klar zu sein, das funktioniert im IE7, aber NICHT im IE8, das ist der verwirrende Teil...