Плавающее меню вправо в IE и слева в FF

Question

Я работаю на веб-сайте, меню которого корректно работает в FF, но не в IE (как обычно).
В IE он плавает вправо, в то время как он должен плавать влево, однако, если float установлен в none, он ведет себя почти правильно, прикрепляя его к верхней части контейнера. Вот живой пример.
Вот CSS:

/* Navigation */
.navigation
{
    float: left;
    overflow: hidden;
    width: 650px;
}

.navigation ul
{
    list-style: none;
    margin: 8px 0 0 15px;
    overflow: hidden;
}

.navigation ul li
{
    border-right: 1px solid white;
    float: left;
    padding: 0 12px 0 12px;
}

.navigation ul li.last
{
    border: none;
}

.navigation ul li a
{
    color: white;
    font-size: 14px;
    text-decoration: none;
}

.navigation ul li a:hover
{
    text-decoration: underline;
}

.navigation ul li a.active
{
    font-weight: bold;
}

.btn_login
{
    float: right;
    margin: 4px 4px 0 0;
    display: inline;
    width: 200px;
}

А вот HTML:

<div id="navigation_wrap">
            <div class="navigation">
                <ul>
                    <li><a class="active" href="default.asp">Home Page</a></li>
                    <li><a class="" href="faq.asp">FAQ</a></li><li><a class="" href="articles.asp">Articles</a></li>
                    <li><a class="" href="products.asp">Packages &amp; Pricing</a></li>
                    <li><a class="" href="gp.asp?gpid=15">test1</a></li>
                    <li><a class=" last" href="gp.asp?gpid=17">test asher</a></li>
                </ul>
            </div>
            <div class="btn_login">
              ...
            </div>
</div>

Надеюсь, у кого-нибудь возникнет идея.
Спасибо,
Омер.

EDIT:
Установка ширины для обоих элементов, вроде как, помогла, но она все еще не расположена правильно. Смотрите обновленный CSS выше.

Answer 1

Можете ли вы попробовать уменьшить высоту вашего класса логотипа. Это нависает над меню.

Answer 2

<- span class = "" top_nav_separator ""> в вашем коде, это может беспокоить IE

Answer 3

У меня была такая же проблема в IE некоторое время назад. Он не любит элементы списка в плавающем div. Добавление следующего исправило это для меня:

display: list-item;
list-style-position: inside;