Flotteur: Droit IE7 Bogue

Question

Je ne peux pas comprendre le bug IE7 float droite! Ça me tue. Ma barre NAV est superbe partout sauf IE7. J'ai déjà créé un CSS IE7 spécifique et j'ai essayé différentes approches, mais toujours pas de succès. link text

Il semble que les éléments LI flottent en dehors de la #NAV à l'intérieur du .container.

Quelqu'un d'un correctif IE7 pour FLOAT:RIGHT?

Merci beaucoup.

Voici mon code:

.container { 
    width: 983px; 
    margin: 0 auto; 
    background: fuchsia; 
} 
ul#nav { 
    height: 44px; 
    margin: 32px auto; 
    position: relative; 
} 
ul#nav li, ul#nav li a { 
    display: block; 
    height: 44px; 
    margin-left: 3px; 
    position: relative; 
} 
ul#nav li { 
    padding-left: 0; 
    height: 44px; 
    position: relative; 
    z-index: 10060; 
} 


<div class="container"> 
    <ul id="nav"> 
     <li><a class="navtop_7" href="#"></a></li> 
     <li><a class="navtop_6" href="#"></a></li> 
     <li><a class="navtop_5" href="#"></a></li> 
     <li><a class="navtop_4" href="#"></a></li> 
     <li><a class="navtop_3" href="#"></a></li> 
     <li><a class="navtop_2" href="#"></a></li> 
     <li><a class="navtop_1" href="#"></a></li> 
    </ul> 
</div> 

Answer 1

Cette jsfiddle.net example affiche dans IE7 la façon dont je pense que vous le souhaitez, en fonction de votre description. (Pour référence ultérieure, fournissez une image de référence que vous essayez d'atteindre.)

.container { 
    width: 983px; 
    margin: 0 auto; 
    background: fuchsia; 
} 
ul#nav { 
    height: 44px; 
    margin: 32px auto; 
} 
ul#nav li { 
    display: block; 
    float: right; 
    background: green; 
    padding-left: 0; 
    width: 140px 
    height: 44px; 
} 
ul#nav li a { 
    background: blue; 
    display: block; 
    height: 44px; 
    width: 137px; 
    margin-left: 3px; 
}