DIV TABLE Formatieren

[kevin123]

Hallo,

folgendes Problem habe ich. Meine Divs 4 nebeneinander stelle ich mit display:table dar. Das funktioniert soweit gut. Nur das sich die Inhalte des Inhalts DIVs nach unten verschieben siehe Bild. Wie kann das gelöst werden.

Es sollen Alle DIVs die gleiche Höhe haben, die Texte sollen alle oben im DIV stehen.

Danke für eure Hilfe.

Hier der verwendete HTML Code und CSS.

HTML

<div id="inhalt_table">  
	<div id="inhalt_tr">  
		<div id="inhalt_links"><img border="0" src="Bilder/content_left.jpg" width="65" height="2"></div>  
		<div id="inhalt_boxen">Kategorie1<br>Kategorie2<br>Kategorie3<br>Kategorie4</div>			  
		<div id="inhalt_inhalt">Text Text Text Text<br>Text Text Text</div>	  
		<div id="inhalt_rechts"><img border="0" src="Bilder/content_right.jpg" width="58" height="2"></div>  
	</div>  
</div>

CSS

div#inhalt_table {  
	display:table; border-collapse:collapse;  
	width:100%;  
}  
div#inhalt_tr {  
	display:table-row;  
}  
div#inhalt_links {  
	display:table-cell;  
	width:65px;  
	background-image:url("Bilder/content_left.jpg"); background-repeat:repeat-y;  
}  
div#inhalt_boxen {  
	display:table-cell;  
	width: 244px;  
	background-color:#FF0000;  
	float:left;  
}  
div#inhalt_inhalt {  
	display:table-cell;  
	padding-top: 10px;  
	padding-left: 10px;  
	width: 100%;  
	background-color:#FFFF00;  
}  
div#inhalt_rechts {  
	display:table-cell;  
	width:58px;  
	background-image:url("Bilder/content_right.jpg"); background-repeat:repeat-y;  
}