Problème de conteneur qui se chevauchent

Bonjour, je rencontre actuellement un gros problème de conteneur, ils se chevauchent :?

Voici un petit screen du problème en question.
http://img3.imageshack.us/img3/2552/conteneurnerf.gif

Voici le code HTML

<div id="conteneur">
<div id="conteneur-gauche">
<div class="head_block1">Rayons</div> <!-- tête du bloc rayon -->
<div class="body_block">
														
</div> <!-- corp du bloc rayson -->
														
<div class="head_block1">Nos Marques</div> <!-- tête du bloc marques -->
<div class="body_block">
														
</div> <!-- corp du bloc marques -->
</div>
										
<div id="milieu">
										
</div>
										
<div id="conteneur-droit">
<div class="head_block1">Login</div> <!-- tête du bloc login -->
<div class="body_block2">
														
</div>
														
<div class="head_block1">Newsletter</div> <!-- tête du bloc login -->
<div class="body_block2">												
														
</div>
</div>
</div>

Mon css:

#conteneur
{
	background-color:#FFFFFF;
	width:980px;
	height:1708px;
	
	
	border-style:solid;
	border-color:green;
	border-width:2px;
}

#conteneur-gauche
{
	float:left;
	width:180px;
	padding-top:10px;
	
}

#conteneur-droit
{
	float:right;
	width:200px;
	padding-top:10px;
	padding-right:0px;
}

#milieu
{
	width:568px;
	background-color:#FFFFFF;
	margin: 0 0 0 181px;
	padding: 10px;
	border-style:solid;
	border-color:red;
	border-width:1px;
}

Je ne comprends pas pourquoi ça se déforme comme ça.
Modifié par Tchupa (29 Mar 2009 - 15:41)

Salut,

les éléments en float doivent être placés en premier dans le flux. Lire le Guide de survie du positionnement CSS (prendre le temps de suivre les liens ).

Bonjour,

et utiliser du lorem ipsum t'évitera des surprises. Peut-être pas dans ce cas mais une phrase sans aucun espace c'est chercher les ennuis
Modifié par Felipe (30 Mar 2009 - 11:53)