Erstellen einer Reihe von Divs alle die gleiche Höhe mit CSS

Question

Ich habe eine Reihe von divs, die alle die gleiche Höhe haben müssen, aber ich habe keine Möglichkeit zu wissen, was diese Höhe im Voraus sein könnte (der Inhalt kommt von einem externe Quelle). Ich versuchte zunächst, die Divs in ein umschließendes div zu platzieren und schwebte sie nach links. Ich habe dann ihre Höhe auf "100%" gesetzt, aber das hatte keine spürbare Wirkung. Indem ich die Höhe des umschließenden div auf eine feste Höhe setze, könnte ich dann die floated divs expandieren lassen, aber nur bis zur festen Höhe des Containers. Wenn der Inhalt in einem der divs die feste Höhe überschritten hat, ist es übergelaufen; die schwebenden Divs weigerten sich zu expandieren.

Ich googelte dieses floated-divs-von-der-gleichen-Höhe-Problem und anscheinend gibt es keine Möglichkeit, es mit CSS zu tun. Jetzt versuche ich eine Kombination aus relativer und absoluter Positionierung anstelle von Floats zu verwenden. Dies ist die CSS:

<style type="text/css"> 
div.container { 
    background: #ccc; 
    position: relative; 
    min-height: 10em; 
} 
div.a { 
    background-color: #aaa; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    width: 40%; 
} 
div.b { 
    background-color: #bbb; 
    position: absolute; 
    top: 0px; 
    left: 41%; 
    bottom: 0px; 
    width: 40%; 
} 
</style> 

Dies ist eine vereinfachte Version des HTML:

<div class="container"> 
    <div class="a">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.</div> 
    <div class="b">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.</div> 
    </div> 

Dies funktioniert, wenn Sie die min-height zu so etwas wie 5em ändern (demonstranting was passiert, wenn der Gehalt übersteigt die minimale Höhe), und Sie können sehen, dass, während der Text nicht abgeschnitten wird, die divs immer noch zu erweitern verweigern. Jetzt bin ich verloren. Gibt es eine Möglichkeit, dies mit CSS zu tun?