internet-explorer-7 - float : Right IE7 Bug

Question

我无法弄清楚 IE7 float 正确的错误!这要死我了。除了 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;
}