Float: Lỗi IE7 phải

Question

Tôi không thể tìm ra lỗi chính xác của IE7! Điều này đang giết chết tôi. Thanh NAV của tôi trông tuyệt vời ở mọi nơi ngoại trừ IE7. Tôi đã tạo một CSS IE7 cụ thể và đã thử nhiều cách tiếp cận khác nhau, nhưng vẫn không thành công. link text

Có vẻ như các thành phần LI đang nổi bên ngoài .container.

Bất kỳ ai sửa lỗi IE7 cho FLOAT:RIGHT?

Rất cám ơn.

Đây là mã của tôi:

.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

này jsfiddle.net example hiển thị trong IE7 cách tôi nghĩ bạn muốn nó, dựa trên mô tả của bạn. (Để tham khảo trong tương lai, hãy cung cấp hình ảnh tham chiếu bạn đang cố gắng đạt được.)

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