Menu déroulant Offset dans IE7

Question

Je rencontre des problèmes avec un menu déroulant dans IE7. Cela fonctionne très bien dans tous les autres navigateurs, mais semble compensé dans IE7 pour une raison quelconque. Des idées? Veuillez voir le code du menu ci-dessous et le CSS calculé de Firebug ainsi que des images démontrant les problèmes.

correcte Menu

Menu Décalage

HTML

<ul id="coolMenu"> 
<li class=""> 
    <a class="donate" href="#"> 
     User Options 
     <span class="downarrowclass"></span> 
    </a> 

    <ul id="style_me" style="display: none;"> 
     <li> 
      <a href="#">Candidate Panel</a> 
     </li> 
     <li> 
      <a href="#">Access details</a> 
     </li> 
     <li> 
      <a href="#">Personal details</a> 
     </li> 
     <li> 
      <a href="#">History</a> 
     </li> 
     <li> 
      <a href="#">Withdraw application</a> 
     </li> 
     <li> 
      <a href="#">Jobs by e-mail</a> 
     </li> 
     <li> 
      <a href="#">Log off</a> 
     </li> 
    </ul> 
</li> 
</ul> 

CSS

#coolMenu, 
#coolMenu ul { 
    list-style: none; 
} 
#coolMenu { 
    float: right; 
} 
#coolMenu > li { 
    /*float: left;*/ 
} 
#coolMenu li a { 
    display: block; 
    text-decoration: none; 
color: #ffffff; 
width: 100px; 
text-align: center; 
} 
#coolMenu ul { 
    position: absolute; 
    display: none; 
    z-index: 999; 
} 


#coolMenu li:hover ul { 
display: block; 
} 

.dropdown a li{ 
color: #124162 !important; 
} 

#coolMenu li #style_me li a{ 
color: #124162 !important; 
width: 140px !important; 
} 

#coolMenu li #style_me li a:hover { 
color: #ffffff !important; 
} 

Si elle aide, il semble y avoir une certaine forme de décalage présent dans l'onglet développeurs IE:

De plus, voici le code calculé dans iedeveloper pour ul coolmenu.

Answer 1

Cela peut être corrigé en ciblant spécifiquement IE7 en utilisant le code suivant:

Html.ie7 #coolMenu ul { 
top: 59px; 
left: 71px; 
}