[résolu]Float sous IE (prennent toute la ligne)

Bonjour,
J'ai un problème avec le menu de mon site : http://arpege.ancenis.free.fr

Les css concernées :
http://arpege.ancenis.free.fr/squelettes/interface/global.css
http://arpege.ancenis.free.fr/squelettes/interface/ie.css

Sous IE les <li> prennent toute la ligne au lieux de se mettre les uns derrière les autres. J'ai essayé de mettre display: inline; mais rien n'y fait.

Savez-vous d'ou ça vient ?
Merci

Thomas
Modifié par the_penguin (20 Sep 2006 - 06:55)

Il me semble qu'il y a du déchet dans tes diverses feuilles de style. Petit exemple :

#menu li
{
	width: 0;
	width: auto;
	float: left;
}

À simplifier ainsi :

#menu li
{
	float: left;
}

Ça ne règle pas le problème, mais c'est déjà plus propre.

Trouvé (le début de) la solution : le display: inline qui corrige le bug d'IE de prise en compte des espaces non significatifs (retour à la ligne dans le code) entre les li doit être placé sur les liens et non pas sur les li qui contiennent ces liens.

En partant uniquement de la feuille de style de base (aucun des deux correctifs), j'ai obtenu un rendu correct avec juste un float sur les li et un display:inline sur les liens.

Après, il y a des histoires de positionnement exact du texte ou de gestion des images de fond à régler, il me semble.

Merci beaucoup pour ton aide (et désolé pour les déchets).
En continuant sur ton idée que les <li> prennaient toute la ligne a cause des liens en display:block; j'ai ajouté float:left; a ces même liens ce qui résout mon problème.