Навигация отскакивает от первой и последней ссылки li только в IE 6

Question

У меня странная проблема с моей навигацией в IE 6. Только первые и последние ссылки навигации отскакивают, когда наведены.

Почему это происходит?

Мой CSS-файл:

#navigation {
    width: 930px;
    height: 30px;
    background-color: #f1faff;
    text-align:center;
}

#navigation  ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 30px;
}

#navigation  ul li {
    display: inline;
}

#navigation  ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #0067b4;
    display: inline;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 50px;
}

#navigation  ul li a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    display: inline;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 50px;
}

#navigation  ul li a.first {
    padding-left: 8px;
    margin: 0px;
    overflow: hidden;
    border: 0px;
}

#navigation  ul li a.last {
    padding-right: 8px;
    margin: 0px;
    overflow: hidden;
    border: 0px;
}

Сайт, где это происходит, доступен по адресу http://www.paysonsecure.com/protekskiracing/

Answer 1

Спасибо, gutierrezalex !! У меня была та же проблема, и она работает, добавляя {display: inline-block;} в моих стилях .. это работает для любого браузера:

ul.menu li a{
    text-decoration:none;
    color:black;
    display:block;
    padding:0;
    margin:0;
    display:inline-block;
   }

ul.menu li a:hover{
   background-color:#5cc2ed;
   color:#ffffff;
   display:inline-block;
  }

Answer 2

Я бы добавил это к вашему global-ie6.css

#navigation ul { display: inline-block; }