Float: Recht IE7 Bug

Question

Ich kann nicht IE7 Float Recht Bug herausfinden! Das bringt mich um. Meine NAV-Leiste sieht überall gut aus außer IE7. Ich habe bereits ein bestimmtes IE7 CSS erstellt und verschiedene Ansätze ausprobiert, aber immer noch keinen Erfolg. link text

Es scheint, die LI Elemente außerhalb der #NAV innerhalb des .Behälter schwimmen.

Jeder von einem IE7-Fix für FLOAT:RIGHT?

Vielen Dank.

Hier ist mein 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

Diese jsfiddle.net example zeigt in IE7 so, wie ich denke, Sie es, auf der Grundlage Ihrer Beschreibung zu wollen. (Geben Sie als Referenz für die Zukunft ein Referenzbild ein, das Sie erreichen möchten.)

.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; 
}