Problème de menu sous ie6

Bonjour,
bon, même si je trouve que perdre son temps pour que son code soit encore ok sous ie6 j'essai quand même de faire en sorte de satisfaire un maximum d'internautes.

alors voilà j'ai un simple menu avec UL LI qui sous tout les naviguateur fonctionne bien sauf... sous ie6.
Pour faire simple mon menu est un menu horizontal et sous ie6.... il est verticale.
J'ai cherché pas mal de temps mais je trouve pas pourquoi ie6 ne le prend pas correctement.

voici mon css si quelqu'un peut m'aider :

ul#nav {
	list-style:none;
	margin:0;
	padding:0  80px;
	width:640px;
	height:40px;
	background: url(../images/fd-menu.gif) repeat 0 0;
	font-size:20px; font-family:"Times New Roman", Times, serif; line-height:30px;
}
ul#nav li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
ul#nav li a {
	display:block;
	padding:5px 10px;
	color:#FFF;
	text-decoration:none;
	height:30px;

}

ul#nav li a:hover {
	background: url(../images/fd-menuhover.gif) repeat 0 0;
}

Bonjour, un peu de lecture
Créer des menus simples en CSS devrait t'aider.

Bonjour,

Un element flottant contenant un element en display:block = 100% de la largeur dispo dans IE6 si aucune largeur definie.

Solutions, par exemples: donner une largeur a <li> ou <a>, ou mettre en display:inline-block les <a> (et ou les <li> ...) .

GC