Manu: 3 Divs mit identischer Höhe

Beitrag lesen

Hallo zusammen,

ich möchte 3 divs nebeneinander platzieren, die die gleiche Höhe bekommen sollen.
Im mittleren gibts mal mehr oder weniger Inhalt (Texte), durch den die Höhe bestimmt wird. Die Divs rechts und links davon haben nur wenig Inhalt (5 Zeilen), sollen sich aber mit der mittleren Box strecken, da diese Divs mit einem gekachelten Hintergrund versehen werden sollen.

Ich bekomms aber mit meinem CSS bisher nicht hin, die Divs rechts und Links sind nur so hoch wie der entsprechende Inhalt, leider nicht so hoch wie das mittlere Div...

div#mainContainer {
 width:745px;
 margin:0 auto;
 text-align:center;
}

div#centerLeft {
 width:160px;
 height:100%;
 float:left;
}
div#center {
 width:395px;
 float:left;
 text-align:left;
 background-color:#FFF;
}
div#centerRight {
 width:190px;
 float:right;
}

Wäre nett, wenn mir jemand einen Tipp geben könnte...

Gruß,
Manu