float - clear - Problem

[Mel]

Hallo liebes Forum,

ich habe gerade ein Problem, welches mich ziemlich verstört.
Leider kann ich auf die Schnelle keinen Testlink anbieten ich probiere es deshalb mal so:

Stellt Euch ein flexibles 3-Spalten-Layout vor.

Rechte Spalte (float: right; width: 15em;)
Linke Spalte (float: left; width: 15em;)
Content mittig (margin: 0 15em 0 15em;)

->> genau in der Reihenfolge im Html-Grundgerüst.

Im mittleren Inhaltsbereich gibt es u.a. Texte und Bilder. Diese Bilder werden auch wieder gefloatet.
An sich kein Problem...es sei denn man hat ein Bild relativ wenig Text der um das Bild herum fliessen soll. Damit der darauffolgende Inhaltstyp sich nicht im Fluss befindet kommt ein clearendes Element zum Einsatz
--

also z.B. ein hr.clearer {
clear: both;
}

Und was passiert?
Der gesamte darauffolgende Inhalt macht einen Satz nach unten und zwar genau dahin wo der Inhalt der linken Spalte aufhört. Ist auch logisch beim näheren Hinsehen.

Aber was muss man tun, um floatende Elemente inkl. Clearer im Contentbereich anwenden zu können?

vg mel