Nepochopitelný CSS problém

Zdravím. Když jsem se tak rozhlížel po stránkách, narazil jsem na věc, kterou, ač jsem si myslel, že CSS docela ovládám, nejsem schopen vyřešit. Ať se snažím, jak se snažím, výsledek je stále stejný. Jde o to, že na stránce:

http://foxcentrum.mysteria.cz/index.php?id=Lotr/mapy

mám pro každou mapu div, který má nastaveno clear:left, protože obrázek u každé mapy má float:left
Jenže float:left má i levý sloupec a tak se všechny divy seřadí až pod něj, což samozřejmně nechci. Ještě abych snad dodal, že vím, že dřív to určitě fungovalo normálně, ale pak jsem dělal nějaké úpravy a nevšiml si toho.

Díky za kždou odpověď

Tak už jsem přišel na toooo, jak to vyřešit při odstranění floatu, ale stejně by mě zajímalo, proč to s floatem nechodí.

+poznámka: levý sloupec nemůže být absolute, protože, kdyby pak byl obsah menší než levý sloupec, posunula by se patička k obsahu, ale já potřebuju, aby zůstala pod sloupcem

Ještě jednou: Proč tam je clear: left? Jakou to má souvislost v obrázkem? Když se dá to divně použitý clear: left pryč, tak to chodí myslím tak jak chceš...

No to mě podrž! :o)
Fakt díky ;o), vůbec teda nevím, proč jsem je tam vlastně dával. :oD