Menu visible sous FF/IE7 mais pas sous IE6 [Resolu]

Sur un des site que je développe ICI. Les onglets sont visibles sous FF mais invisible sous IE6... Je n'arrive pas à comprendre d'où viens le problème ... Si on fait une sélection sous IE, on voit qu'il sont présents....mais invisible!!!

#header #menu {
        position:relative;
	font-family: "Trebuchet MS",verdana, arial, sans-serif;
	width: 910px;
	margin: 0 auto;
}

#header #menu ul {
	position:relative;
	margin-left:150px;
	list-style: none;
	padding:0;
}

#header #menu li {
	margin:0;
	margin-left:3px;
	float: left;
	text-align:center;
	font-weight: bold;
	
}

#header #menu li a{
	margin-top:76px;
	position:relative;
	display: block;
	height: 35px;
	width:97px;
	line-height:37px;
	text-align:center;
	color: #3b93ec;
	background: url(../design/menu.png);
	font-size: 12px;
	text-decoration: none;
}

Modifié par SteeL (26 Feb 2008 - 12:25)

Salut,

Il faut enlever toutes les instructions position:relative; appliquées à ton menu car elles ne servent à rien et causent ce mauvais affichage.

De même, j'ai vu que tu avais mis *> #header #menu li a alors que les deux padding que tu y appliques sont aussi nécessaires à IE6, qui ne comprend pas le sélecteur d'enfants >.
Il faut donc les appliquer dans #header #menu li a.

Enfin, un line-height de valeur égale à celle de ton height permet d'obtenir le rendu souhaité.

Merci beaucoup pour ton aide...Je m'étais déja pas mal tiré les cheveux pour trouver la source de ce problème....Encore merci