Проблема с меню CSS в IE8 - отладка

Question

Это простое меню 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

уберите ширину и добавьте 38px для padding-left и padding-right

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