Internet Explorer css avec balise d'ancrage

Question

Je vérifiais certains messages sur ce site, mais je n'arrive toujours pas à trouver la solution.
Voici mon html:

<div id="id1"> 
    <div id="id2"> 
    <div id="id3"> 
     <a id="id4" class="divItem"> 
     text 
     </a> 
    </div> 
    </div> 
</div> 

et css:

#id1 { 
width:960px; 
margin:auto; 
} 

#id2 { 
position:relative; 
font-family:Calibri; 
} 

#id3 { 
float:right; 
position:relative; 
margin-bottom:10px; 
font-size:12px; 
color:#5E666D; 
} 

.divItem { 
float:left; 
margin-right:10px; 
} 

a.divItem:hover { 
color:#AD8E5A; 
font-size:11px; 
} 

Mais le vol stationnaire sur divItem ne figure pas dans Internet Explorer, seulement dans Safari et Firefox et Chrome.

Answer 1

Internet Explorer 6 peut interpréter :hover uniquement sur a éléments avec un attribut href. Vous manquez l'attribut.

Il existe un fix qui fait fonctionner :hover comme dans d'autres navigateurs.