[RESOLU] Menu horizontal fluide [ Bug IE bizarre ]

Bonjour ,

toujours dans mon optique d'intégration, je rencontre un problème qui me rend dingo

http://reaco.cut-here.net/integration/

ça se passe que sous IE, lorsque je redimensionne ma fenetre progressivement, et bien mon menu tient sur une ligne, sous FF je n'ai aucun souci

Voici le code html

<div id="menus">
 <ul id="menu-main">
  <li id="m-accueil-active" class="menu-main-img"><a href="#" title="Accueil"><span class="hidden">ACCUEIL</span></a></li>
  <li id="m-mon-compte" class="menu-main-img"><a href="#" title=""><span class="hidden">MON COMPTE</span></a></li>
  <li id="m-pack-tuteur" class="menu-main-img"><a href="#" title=""><span class="hidden">PACK TUTEUR</span></a></li>
  <li id="m-aides-et-infos"><a href="#" title=""><span class="hidden">AIDES ET INFORMATIONS</span></a></li>
 </ul>
</div>

et la css

#menus
{
margin:0;
padding:0;
text-align:center;
}
.menu-main-img
{
background:url(../images/interface/img_menu_main_puce.jpg) top right no-repeat;
}

ul#menu-main
{
height: 26px;
background: #000;
margin: 0;
padding:0;
}
#menu-main li
{
list-style-type: none;
display: inline;
float:left;
height: 26px;
width: 25%;
}
#menu-main li a
{
margin: 0;
color:white;
text-decoration: none;
height: 26px;
float:left;
display: block;

}

J'avais pensé mettre width: 24% car dans ce cas la je n'ai plus ce souci mais malheureusement mes listes ne sont plus centrées

Si une personne pouvait m'aider ça serait sympa
Modifié par CUT HERE (25 Feb 2006 - 18:14)