IE8 的 CSS 菜单问题 - 调试

Question

这是 this page. 上的一个简单的 css 菜单它在 Chrome 中运行良好。这是我正在使用的相关 CSS。

ul#list-nav {
    clear:both;
    list-style:none;
    margin:0 0px;
    padding:0;
    width:100%;
}
ul#list-nav {
    list-style:none;
    margin:0px;
    padding:0;
    width:100%;
}
ul#list-nav li {
    display:inline
}
ul#list-nav li a {
    text-decoration:none;
    padding:5px 0;
    width:16.62%;
    background:#754C78;
    color:#eee;
    float:left;
    text-align:center;
    border-left:1px solid #fff;
}

这主要是 width 的问题，但右边的最后两个单元格也发生了一些奇怪的事情，因为它们稍微倾斜了？

我很感激任何建议。

谢谢，

度母

Answer 1

移除宽度并为 padding-left 和 padding-right 添加 38px

ul#list-nav li a {
background:#754C78 none repeat scroll 0 0;
border-left:1px solid #FFFFFF;
color:#EEEEEE;
float:left;
padding:6px 38px;
text-align:center;
text-decoration:none;
}