Float a problem s nim

Ahoj, mám takovy problem s float. Chci udelat stranku kde budou tri sloupecky. nejprve dva pomoci float(left,right) a pak ten pravy jeste stejne rozdelim. ale problem nastal kdyz uz mam dva sloupce tak ten druhy se řadí pod ten prvni(mysleno vertikalne, horizontalne je to ok) pouzil sem "clear:none" ale to nic nepomohlo tak si nevim rady. Please HELP!! Dik _CJ_

<div id="pravo">
<div id="rig">

<div class="ramvrch"><span></span></div>
<div class="ramstr">
obr.
</div>
<div class="ramdole"><span></span></div>
<br>
<div class="ramvrch"><span></span></div>
<div class="ramstr">
bla
</div>
<div class="ramdole"><span></span></div>
<br>
<div class="ramvrch"><span></span></div>
<div class="ramstr">
bla
</div>
<div class="ramdole"><span></span></div>

</div>
<div id="stred"><p>
bla
</p>
</div></div>

<br />

<div id="levo">

<div class="ramvrch"><span></span></div>
<div class="ramstr">
<p><font color="red"> MENU </font></p>

<p id="odkazy"><a href="index.php?page=hlavni"> Hlavni strana </a></p>
<p id="odkazy"><a href="index.php?page=galery"> Galerie </a></p>
<p id="odkazy"><a href="index.php?page=history"> Historie</a></p>
<p id="odkazy"><a href="http://www.blueboard.cz/kniha_0.php?hid=88dxxt08itp6vdp03c4surkk icff2t">Návštěvní kniha</a></p>
<p id="odkazy"><a href="index.php?page=about"> About... </a></p>
<ul></ul>

<div class="ramdole"><span></span></div>
</div>
<br>
<div class="ramvrch"><span></span></div>
<div class="ramstr">
bla
</div>
<div class="ramdole"><span></span></div>
</div>


bla=dlouhy text

.ramvrch { width:150px; height:20px; background:url(obr/vrch.jpg) no-repeat center;}
.ramstr { width:150px; background:url(obr/bok.jpg) repeat-y center;}
.ramdole { width:150px; height:20px; background:url(obr/spodek.jpg) no-repeat center;}

#levo { float: left; width: 150px;}
#odkazy {border: 1px solid white; background: #333333; height: 19px; width: 106px; List-style-type: none; margin-left: 10px; text-aling: left}



#pravo { float: right;width: 625px;}
#rig { float: right; width: 126px}
#stred{ float: left; width:400px;}

ja to nechapu delam to podle jednoho webu a tam to normalne funguje a chybu tam snad nemam tak nevim proc to ten dalsi kus s jinym float hodi az pod to a ne vedle =o((((((

proste to misto sloupcu 123 udela

1
2
3

tak jo no dikes za odkaz a nezlobte se na me za ten kod v nem se mam vyznat ja a ne vy =oD