Problem z położeniem div Opcje

[tvister]

Mam coś takiego.
Div.ajax jest jest ładowany ajax'em.
Problem jest tego typu że ajax może nic nie zwrócić. A div.ajax może być różnej długości.
Żeby nie było pustego miejsca kod jest w oparciu o css:float
Co zrobić aby element po po lewej był zawsze oblewany przez jeden element po prawej.

W podanym przykładzie zmieniając wysokość div.ajax( z wartością 2) na 200px sytuacja ulega zmianie.

[HTML] pobierz, plaintext 
<div style="width:400px;background-color:red">
<div style="float:left"><div name="ajax" style="width:200px;height:200px;background-color:blue">1</div></div>
<div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:green">2</div></div>
<div style="float:left"><div name="ajax" style="width:200px;height:50px;background-color:yellow">3</div></div>
<div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:gray">4</div></div>
</div>
[HTML] pobierz, plaintext 

[pedro84]

(IMG:style_emoticons/default/smile.gif)

Przecież po dodamniu float:left; dla głównego elementu powinien byc opływany, czyż nie? Skoro jest ładowany AJAXem to nie zadziała bez js, więc skłaniałbym się ku nadawaniu mu szerokośći js (IMG:style_emoticons/default/smile.gif)