Div contenant des div left, center, right

Salut à tous, mon problème doit être vraiment idiot.

Le haut d'un bloc comprend 3 div car les bords sont arrondis (gauche, centre et droite). Chaque div a une image background et je voudrais que la taille du div centre s'adapte automatiquement suivant l'espace restant (son background est une image qui se répete en x).

Je pense que c'est plus compréhensible avec une image



Comment faire pour que la taille du div centre s'adapte automatiquement ? Je ne veux pas préciser pour chaque mise en page différente la taille du bloc.

HTML :

<div id="module_top">
      <div id="module_top_left">	
      </div>
				
	<div id="module_top_center">
	</div>
				
	<div id="module_top_right">	
	</div>
</div>

CSS :

#module_top {
		width: 100%;
		height: 59px;
	}
	
		#module_top_left {
			float: left;
			background-image: url('/test/img/top_left.png');
			background-repeat: repeat-x;
			width: 20px;
			height: 59px;
		}
		
		#module_top_center {
                       float: left;
			background-image: url('/test/img/top_center.png');
			background-repeat: repeat-x;
			width: auto;
			height: 59px;
		}
		
		#module_top_right {
			float: right;
			background-image: url('/test/img/top_right.png');
			background-repeat: repeat-x;
			width: 19px;
			height: 59px;
			
		}

Merci d'avance pour toute aide !
Modifié par Flatbeat (12 Jul 2009 - 21:26)