Problém s CSS layoutem

mám trošku složitější CSS layout a neumim si poradit:

|ieuselbeliuebliuefkjliefej| |asoikefefnlefiou|
|sdlikgrbriudsbsliurblsdiu| |saluf DIV2 siujf|
|asefneofs DIV1 aasdfsef| |ialesfufiuesfhlie|
|asrfsrlhbvbilesuesliuheia| |
|lisuefnbesliuhsjnhliseua| | DIV3 |

problém je takovej: DIV1 má výšku asi 261px,
DIV 2 a 3 jsou vpravo od něj, a mají výšku 300px, čímž přesahují ten první.

nadefinovaní jsou takhle:

#DIV1 {
float: left;
width: 610px;
height: 261px;}

#DIV2 {
float: left;
width: 190px;
height: 217px;}

#DIV3 {
float: left;
width: 190px;
height: 83px;}


pak normálně v kódu mám Div1, pak div2, pak div 3, zobrazí se v pořádku.

ale nemůžu nacpat žádný div (potřeboval bych tam 2) těsně pod div1, všechny se vykreslují až podl divem 3..

pls. lidi....

no já bych udělal dva divy vedle sebe a do nich pak dával ty ostatní

už nic, vyřešil jsem to jinak...to fórum tady na wz je zázračný... člověk sem napíše a chíli na to se mu rozsvítí =D

udělal jsem to tak, že jsem divu 2, 3 dal float:right; .... (je to cely v jednom velkym divu)

ale i tak, díky knorku

takže to klidně smázněte..