Obtekani - problem

Mam problem, mam klasicky 3-col layout CSS tudiz jedna strana je floatovana do leva druha do prava. Problem je ze v prostredni bunce potrebuju obtekat obrazek jedni odstavcem, ale ten druhy odstavec by mel byt jiz podtim. Kdyz ale druhemu nastavím clear: both; tak se me ukonci i layout. Jak toto vyresit? Me napada jedine pomoci tabulky....

<div id="main"><div id="main-in">
<div id="header">
</div>
<div id="conteiner"><div id="conteiner-in">
<div id="menu">
</div>

<div id="right">
<h3>neco</h3>
<div>
fasdfasdf
</div>

</div>
<div id="content"><div id="content-in">
<img src="171.jpg" style="float:left;" />

<h2>neco</h2>

<p class="obtekat">
</p>

<p class="neobtekat">
neco
</p>

</div></div>

<div class="cleaner"> </div>

</div></div>

<div id="footer">
</div>
</div></div>

Nechce se mi to studovat, ale clear platí jen v rámci blokového elementu, ne napříč. Takže tam asi bude někde chyba.

Mno to jsem si taky myslel ale chyba tam neni proste se mi to vyclearuje vse.
vypada to pak takhle,
lef|obr--- |prav
---|obr- |----
---| |----
---| |
|clear
|-----

Je ono vymazalo mezery takze mezera bude =

lef|obr-----|prav
---|obr-== |----
---|===== |----
---| =====|
==|cleared
==|-----

Hm tak jsem to vyresil, stacilo floatovat <div id="content-in"> do leva.

:-)