div с ul, li. не корректн. отображение списка в ие8

[s3p]

Добрый день. В общем так, сверстал меню, в опере, фф, ie9 отображается отлично, а в ie8 крайняя правая кнопка смещена вниз. ширина блока фиксированная... код прилагается. Уже все перепробывал, что упускаю??

#menu {
   width: 900px;
   margin:5px auto;
   height:30px;
}
#menu ul {
    list-style: none outside none;
    display: inline;
}
#menu li {
    background: none repeat scroll 0 0 #F4F4EC;
    border-bottom: 4px solid red;
    display: block;
    float: left;
    list-style: none outside none;
}
#menu li a {
    border-color: #E1E1D3;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #44494F;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 35px;
    width:148px;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
}
#menu li a:hover {
    color: red;
}

посмотреть на сиетворение можно - ССЫЛКА

Edited June 15, 2011 by s3p

[sigma77]

И где ссылка?

[s3p]

И где ссылка?

поправил.

[sigma77]

1) Зачем ты ставишь у #menu ul - display: inline?

2) Обнули у него же padding и margin

[s3p]

1) Зачем ты ставишь у #menu ul - display: inline?

2) Обнули у него же padding и margin

пробывал.

если обнулить у #menu ul - display: inline то получается список не по всей ширине DIV'а( почему не знаю..

1) Зачем ты ставишь у #menu ul - display: inline?

2) Обнули у него же padding и margin

пробывал.

если обнулить у #menu ul - display: inline то получается список не по всей ширине DIV'а( почему не знаю..

Понял, получилось. ТЫ прав.

следовало написать так:

#menu ul {
    list-style: none outside none;
    margin:0;
    padding:0;
}

Премного благодарен!!! СПАСИБО!!!