Menu flottant à droite sur IE et à gauche dans FF

Question

Je travaille sur un site web qui a un menu qui se comporte correctement sur FF mais pas sur IE (comme usuall).
Sur IE, il flotte vers la droite alors qu'il devrait flotter vers la gauche, mais si float est réglé sur none, il se comporte presque correctement, en le fixant sur le haut du container. Here's a live example.
Voici le 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; 
} 

Et voici le code 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> 

J'espère que quelqu'un aurait une idée.
Merci,
Omer.

EDIT:
La définition de la largeur pour les deux éléments a aidé mais n'a pas encore été correctement positionnée. Voir les mises à jour css ci-dessus.

Answer 1

Pouvez-vous essayer de réduire la hauteur de votre classe de logo. Il surplombe le menu.

Answer 2

< classe -span = « » top_nav_separator « »> est dans votre code, cela pourrait être la chose qui tracasse IE

Answer 3

J'ai eu le même problème dans IE il y a quelque temps. Il n'aime pas les éléments de liste dans un div flottant. Ajout de ce qui suit pour moi:

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