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

--
La théorie, c'est quand on sait tout mais que rien ne fonctionne.
La pratique, c'est quand tout fonctionne et que personne ne sais pourquoi.
Ici nous avons réuni théorie et pratique: rien ne fonctionne .... et personne ne sais pourquoi (A. Einstein).

Configuration: Pc portable :
Processeur : intel core duo 1.88Ghz
Carte graphique : Nvidia GeForce Go 7600 128Mo
Disque dur : 100Go
Ram : kingstone 1,5Go
Écran : celui du pc portable(17pouces) et une tv écran plat HD de 20pouces ^^