浮动：纠正 IE7 错误

Question

我无法找出 IE7 浮动正确的错误！这简直要了我的命。除了 IE7 之外，我的导航栏在任何地方看起来都很棒。我已经创建了一个特定的 IE7 CSS 并尝试了各种方法，但仍然没有成功。 链接文本

看来 LI 元素浮动在 #NAV< /code> .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 示例 在 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;
}