浮動：右IE7錯誤

Question

我無法弄清楚IE7浮動正確的錯誤！這是在殺我。除了IE7，我的NAV欄看起來很棒。我已經創建了一個特定的IE7 CSS，並嘗試了各種方法，但仍然沒有成功。 link text

它出現LI元件在#NAV外漂浮在.container內部。

任何IE7修復程序FLOAT:RIGHT？

非常感謝。

這裏是我的代碼：

.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

這jsfiddle.net example顯示在IE7我認爲的方式，你想讓它，根據您的描述。 （供將來參考，請提供您正在嘗試實現的參考圖像。）

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