Un header qui ne s'affiche pas sous IE [RÉSOLU]

Eh bien, mon titre dit tout. J'ai essayé de jouer avec z-index pour corriger le problème (j'avais déjà eu un problème similaire et un membre du forum m'avait dit d'ajouter cette commande et le tout avait été réglé). http://www.largowin.com/lcmm/index.html

Ma feuille de style est sur la même page mais je vais quand même la remettre ici pour vous aider.

Merci

*{
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #000;
	text-decoration:none;

}

a:visited {
	color: #000;
	line-height: 20px;
	text-decoration: none;
}

a:hover {
	color: #FF3300;
	text-decoration: underline;
	
}

body {
	background-color: #DDDDDD;
	background-image: url(images/bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #3C3C3C;
	font-family: Verdana;
	font-size: 11px;
	margin-top: 0px;	
	padding: 0;
}
#conteneur {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 686px;
	margin: 0 auto;
	position: absolute;
	left: 100px;
	
}

#header {
	width: 686px;
	height: 124px;
	background-image: url(images/header.gif);
	margin: 0 auto;
	position: absolute;
	background-repeat: no-repeat;
	z-index:1;

}

/* DEBUT du menu du haut */

#navmenu{
	margin: 0;
	padding-left:450px;
}

#navmenu ul, #navmenu li{
 	margin: 0;
 	padding: 0;
 	display: inline;
 	list-style-type: none;
}

#navmenu a:link, #navmenu a:visited{
 	float: left;
 	line-height: 20px;
 	font-weight: bold;
	margin: 0 5px 2px 5px;
 	text-decoration: none;
 	color: #333;
}

#navmenu a:link #current, #navmenu a:visited #current, #navmenu a:hover{
 	border-bottom: 4px solid #000;
 	padding-bottom: 2px;
 	background: transparent;
 	color: #000;
} /* bande noire sous les menus */

#navmenu a:hover { 
	color: #000; 
}

/* FIN du menu du haut */

#bande {
	float: left;
	position: relative;
	margin-left: 0px;
	top: 124px;
	width: 686px;
	height: 281px;
	z-index:0;
	background-image: url(images/milieu.gif);
	margin: 0 auto;
	background-repeat: repeat-y;
	

}

#photo {
	position: absolute;
	left: 20px;
	top: 5px;
	width: 450px;
	height: 279px;
	
	background-position: left center;
	background-image: url(images/photo.jpg);
	background-repeat: no-repeat;
}

/* DEBUT du menu principal */

#menu {
	position: absolute; 
	left: 500px; 
	top: -20px; 
	width:187px; 
	height:279px;

} 

#menu ul{
	display: block;
	padding-bottom: 30px;
	padding-top: 35px;
	text-align: left;
	width: 160px;
	text-decoration: none;
	
}
#menu li
{
list-style: none;
margin: 0;
padding: 0.25em;

}
	

#menu a {
	display: block;
	padding: 3px;
	width: 160px;
	text-align: right;
	text-decoration: none;
	color: #000000;
	line-height: 15px;
	text-decoration: none;
}

#menu a:link, #menulist a:visited{

	border-bottom: 1px;
	border-bottom-color: #CFCDCD;
	border-bottom-style: solid;
	color: #000000;
	display: block;
	font-family: Verdana;
	font-size: 11px;
	line-height: 20px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-top: 2px;
	text-align: right;
	text-decoration: none;
	width: 160px;
}

#menu a:hover{
	background-color: #FAFAFA;
	background-image: url(images/sub.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #DD0000;
}

/* FIN du menu principal */

#bandebas {
	float:left;
	margin-top: 124px;
	padding:0px;
	width: 686px;
	height:75px;
	background-position: left top;
	background-image: url(images/bandebas.gif);
	background-repeat: no-repeat;
	background-color: #fff;

}

#texte {
	float:left;
	width: 616px;
	background-color: #F4F4F3;
	color: #000;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 75px;
	padding-left: 35px;
}

#footer {
	float:left;
	padding:0px;
	width: 686px;
	height:75px;
	background-position: left top;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	font-size: 80%;
	
}


#foot_gauche {
	float:left;
	margin:10px 0px 0px 5px;
	width:250px;	
	}
	
#foot_droit {
	float:right;
	margin:5px 5px 0px 0px;
	text-align:right;
	width:300px;
	clip: rect(200px,auto,auto,auto);
	}

Modifié par largowin (30 May 2006 - 21:06)

Bonsoir,
Dans ce genre de cas il faut procéder par élimination.
Etrangement il s'affiche en enlevant le float:left superflu de #bande.
Tu ne peux pas combiner un positionnement flottant à un autre (absolue ou relatif).
Tu as 2 fois la propriété marge dans #conteneur
Modifié par Hermann (30 May 2006 - 20:52)

WOW! SUPER! Merci ÉNORMÉMENT pour ton aide.

Bonne journée.

Je vais conserver la résolution proposée par Hermann, car je trouve ça un peu bizarre d'avoir à le sortir du conteneur pour qu'il s'affiche.

Merci quand même pour ta suggestion.