Několikasloupcový fluidní layout

Dnes jsem narazil na problém a nevím jak ho vyřešit. Za každou radu děkuji.
Mám 2-sloupcový layout:
levý sloupec css= float: left; width: aapx;
pravý soupec css= margin: 0 0 0 aapx;

V pravém sloupci mám další 3 sloupce pomocí float:
1. sloupec css= width: bbpx; float: left;
2. sloupec css= width: bbpx; margin: 0 bbpx;
3. sloupec css= width: bbpx; float: right;

A nakonec oddělovač css= clear: both;

V HTML je to:

<div id="hlavni">

  <div id="levý sloupec">text</div>

  <div id="pravý sloupec">

    <div id="1.sloupec">text sl1</div>

    <div id="3.sloupec">text sl3</div>

    <div id="2.sloupec">text sl2</div>

    <div class="oddelovac">&nbsp;</div>

  </div>

  <div class="oddelovac">&nbsp;</div>

</div>

Tak a teď samotný problém. Oddělovač v pravém sloupci čeká na konec divu s float: left i right, jenže mi do toho zasahuje i levý hlavní sloupec. To znamená, že místo toho aby oddělovač nastavil konec pravého sloupce v závislosti na výšce 3 podsloupců v něm, nastaví mi konec podle levého hlavního sloupce. Potřebuji prostě roztahovat výšku pravého sloupce na základě jeho obsahu a ne na základě obsahu levého sloupce.
Jak toho docílit? Vždycky jsem si myslel, že vlastnost clear funguje jen v rámci bloku, kde je použitá a že "neleze" ven.

Nastavil jsem pravému float: right a levému margin a už to funguje jak má:)

2 Plaváček
Děkuji moc za objasnění problému.