DIVs nebeneinander - Positionierung

[SHo]

So..schade eigentlich, mit folgenden Zeilen:

#header{  
	display:table;  
	padding:0px;  
	width:100%;  
	height:126px;  
	text-align:center;  
}  
#leftspace{  
	display:table-cell;  
	height:126px;  
	width:auto;  
	background:url(../img/redstripe.png) repeat-x;  
}  
#menu{  
	display:table-cell;  
	width:970px;  
	height:126px;  
	background:url(../img/menu.png) no-repeat;  
}  
#rightspace{  
	display:table-cell;  
	height:126px;  
	width:auto;  
	background:url(../img/redstripe.png) repeat-x;  
}

siehts zumindest im firefox echt gut aus :-) chrome und IE zeigen aber die äußeren divs nicht an ..

wenn noch jmd eine Idee hat für Floaten und das Mittlere mittig positionieren: her damit!