Bonjour a tous

j'ai un problème de compréhension sur mon Div "background_droit" qui n'est pas vraiment à 100% height sous les différents navigateurs

un problème d'ordre hiérarchique de mon HTML ou le CSS lui même ?

Merci !


* {padding: 0; margin: 0;}

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height: 100%;
	background-color: #F5F5F5;
}
#banniere {
	height: 150px;
	background-color: #0066FF;
}
#conteneur {
	position: absolute;
	width: 900px;
}
#centre {
	background-color:#999999;
	margin-left: 150px;
	margin-right: 150px;
	padding: 20px;
	height: 800px;
}
#gauche {
	position: absolute;
	left:0;
	width: 150px;
	background-color: #000000;
	height: 150px;
}
#droite {
	position: absolute;
	right:0;
	width: 150px;
	background-color: #CCCCCC;
	height: 150px;
}
#pied {
	height: 30px;
	background-color: #000000;
}
#background_droit {
	background-color: #99CC00;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 900px;
}



<div id="conteneur">
	<div id="banniere"></div>
	<div id="gauche"></div>	  
	<div id="droite"></div>	  
	<div id="centre"></div>
	<div id="pied"></div>
</div>
<div id="background_droit"></div>

Modifié par olimann (29 Oct 2008 - 16:11)