浮动：右侧 IE7 Bug

Question

我无法解决IE7的右浮动问题！这真的让我很烦恼。我的导航栏在除了IE7以外的其他地方都看起来很好。我已经创建了一个特定的IE7 CSS并尝试了各种方法，但仍然没有成功。 链接文本 看起来LI元素在.container内部的#NAV外部浮动。

有没有人知道如何解决FLOAT:RIGHT在IE7上的问题？

非常感谢。

以下是我的代码：

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

- Erik

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

- Jon Adams