CSS div contenant des div left, center, right

Bonjour, mon problème est vraiment idiot, je souhaite faire la CSS des blocs.

Le haut d'un bloc comprend 3 div car les bords sont arrondis (gauche, centre et droite). Chaque div a une image 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 :)

http://img200.imageshack.us/img200/9869/errorwvb.png

Comment faire pour que la taille du div centre s'adapte automatiquement ?

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('/ecommerce/img/top_left.png');
			background-repeat: repeat-x;
			width: 20px;
			height: 59px;
		}
		
		#module_top_center {
                       float: left;
			background-image: url('/ecommerce/img/top_center.png');
			background-repeat: repeat-x;
			width: auto;
			height: 59px;
		}
		
		#module_top_right {
			float: right;
			background-image: url('/ecommerce/img/top_right.png');
			background-repeat: repeat-x;
			width: 19px;
			height: 59px;
			
		}

Merci d'avance pour toute aide !