Div dans div

bonjour,
je me trouve boqué à cause d'un div dans div

dans IE7 cela fonctionne mais pas dans les autres navigateurs En fait, je veux que le div conteneur s'agrandisse en fonction du contenu des autres div qui sont à l'intérieur.
Voici mon code CSS

#prin
	{
	
	width:780px;
	margin:0 0 0 20px;
	border:#FFCC33 solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#FFFFFF;
	padding:10px 0;
	}
#gaucheprin
	{
	background:url(../images/fond.jpg) repeat-x;
	border:#0000FF solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	float:left;
	margin:0 10px;
	width:566px;
	color:#FFFFFF;
	padding:10px;
	text-align:justify;
	}
#droitprin
	{
	background:url(../images/fond.jpg) repeat-x;
	border:#0000FF solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	float:left;
	margin:0 10px;
	width:150px;
	}

Merci pour votre aide

Salut et bienvenue sur le forum,

Voir ce point de la FAQ : Comment éviter que mes éléments flottants (float) dépassent de leur conteneur.

A+

Je te remercie j'ai trouvé la solution grace à toi
créer un div en clear left contenant un hr

Personnellement j'ai une préférence pour le overflow:hidden qui est à rajouter dans les déclarations css du conteneur (à moins bien sûr que cela pose d'autres problèmes) car ça évite de rajouter du code html de "présentation".

Si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre.

Si la div conteneur est en float elle aussi, ça marche aussi Évidemment on ne pourra plus la centrer automatiquement. A voir selon les cas