Problem mit verschachtelten float-Elemenzen

[snorri]

Wie bekomme ich es hin, dass Element, das in sich ein floatendes zweites Element beinhaltet, automatisch so lang wird, das es dieses innere Element auch immer umfasst?

Beispiel:

Der folgende Code erzeugt eine rot umrandete Zeile:

<div style="border: 1px solid red;">
test
</div>

Sobald aber ein inneres Element mit float:left hinzukommt, das mehr Zeilen hat als der "normale" Inhalt, wird das äußere Element nicht mehr auf die benötigte Höhe ausgedehnt.

<div style="border: 1px solid red;">
 <div style="float: left;">
Float-Inhalt<br>Float-Inhalt zweite Zeile, fällt aus dem Rahmen!
 </div>
normaler Inhalt
</div>

Eine Lösung wäre, auch das äußere Element left-floaten zu lassen, aber genau das will ich nicht: Es soll nämlich zentriert mit fester Breite sein.

-- snorri

[Seltermann]

Hi snorri,
ich habe genau das selbe problem, guck mal hier im Forum unter "3-Spalten-Problem". Im IE gibt es bei floats viele Probleme.

Gruß
Seltermann