Float: Right IE7 Hata

Question

IE7 float doğru hatayı anlayamıyorum! Bu beni öldürüyor. NAV çubuğum IE7 dışında her yerde harika görünüyor. Zaten belirli bir IE7 CSS oluşturdum ve çeşitli yaklaşımları denedim, ancak yine de başarı. link text

O LI elemanları .container iç #NAV dışında yüzen görünür.

IE7'nin herhangi biri FLOAT:RIGHT için uygun mu?

Çok teşekkürler. IE7'de

.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

Bu jsfiddle.net example görüntüler bunu açıklamasını temel alarak, istediğiniz ben düşünüyorum yol:

İşte benim kodudur. (Gelecekte başvurmak için, elde etmeye çalıştığınız bir referans resim sağlayın.)

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