Probleme de div

Bonjour, j'ai un problème de div avec un page en xhtml

voila j'aimerai que le bloc "haut bleu" soit extensible mais sa ne marche pas j'ai découper en trois partie (gauche; centre et droite) les balise suivent l'ordre mais elles s'empile

le xhtml

<div id="hautbleu">
                  <div id="hautleftbleu">
		            <!--Le titre-->
		           <img src="<?php echo $cd3 ?>arrowpink.png" width="20px" alt=""/> Bienvenue
                   <!--fin titre-->
                   </div>
                   <div id="hautbleucenter">&nbsp;<!--centre ne rien metre--></div>
                   <div id="hautrightbleu">&nbsp;<!--droite ne rien metre--></div>
                   </div>

le css

div#hautbleu /*le haut du block*/
{
	height:41px;
	float:left
	margin-left:5px;
	
}

div#hautleftbleu /*le titre du block*/
{
	width:205px;
	height:31px;
	float:left
	text-align:left;
	padding-top: 7px;
	padding-left: 14px;
	font-family: "Myriad Pro", Arial, Verdana, serif;
	font-size: 20px;/*Taille du texte*/
	color: white;/*Couleur du texte*/
	background: url("image/hautleftbleu.png") no-repeat;/*Image de fond*/
}

div#hautbleucenter /*le centre du haut du block*/
{
	width:auto;
	background: url("image/hautbleu.png") repeat-x top;/*Image de fond*/
}

div#hautrightbleu /*la droite du haut du block*/
{
	width:25px;
	float:right;
	background: url("image/hautrightbleu.png") no-repeat;/*Image de fond*/
}

comment faire merci d'avance