Problème avec hauteur automatique et float:left

Bonjour,

J'ai un petit problème avec le code. Je vous donne le code:

<style>
#content {
	width:790px;
	background-color:#0099CC;
	margin:0 auto 0 auto;
	padding:0 16px 0 16px;

	height:auto;
}
#header{
	display:block;
	height:220px;
	width:100%;
	background-image:url(header_bg.gif);
	text-align:center;
	margin:0;
	padding:0;
}

#kwickcontainer {
	margin:auto 0;
	
	width:790px;
	margin:-77px auto 0 auto;
	padding-left:8px;
	padding-right:8px;
	background-color:#fff;
}
.col2 {
overflow:inherit;

width: 250px;
float:left;
margin-left: 20px;

}
.col1 {

height: 50px;
width: 460px;

float:left;
margin-left:15px;
}

.bloc1 {
height:auto;

border:solid #1B87BB 1px;
}
</style>





<div id="content">


<div class="col1">
   <div class="bloc1" >Texte ici<br />Texte ici<br /></div>
</div>

<div class="col2">
   <div class="bloc1" >Texte ici<br />Texte ici<br /></div>
</div>
   
  
  

</div>

Avec ce code, la couleur de la classe "content" ne s'affiche pas. dès que je retire float:left de col1 et col2, la couleur d'arrière-plan s'affiche mais j'ai besoin de float:left pour faire les 2 colonnes.

Donc en gros, j'aimerai garder les 2 colonnes et ne pas être obligé de mettre une valeur fixe pour le height de la classe "content".


Merci d'avance pour votre aide.
A bientôt

Bonjour
Difficile de te répondre, car en faisant un test avec ton code tel qu'il est
ICI, j'ais biens le calage des DIV et tout est sous fond bleu cian ??

Maintenant je me demandes si ton image que nous n'avons pas inflerai ???

tiens nous au courant