float funzzt, nach clear wird ungewollter abstand eingefügt

[tox]

Hallo Ihr Lieben,

ich versuche gerade einen framelosen Webshop per CSS zu realisieren, bin aber noch neu in der Materie. Jetzt stehe ich vor einem etwas dubiosen Problem das ich mir nicht erklären kann.

Bei den Artikelübersichten werden die einzelnen Artikel als Liste dargestellt und die einzelnen Listen per float:left; nebeneinander dargestellt. Das klappt hervorragend. Das folgende Element (div:listend) enthält den clear:left; der die Auflistung beendet und das folgende Element wieder nach unten zwingt. Soweit funktioniert das auch, aber:

Wenn in der Produktkategorie weniger als eine Reihe Artikel dargetellt wird macht der Browser (FF oder IE) erst nach dem Ende der linken Spalte weiter. Warum? Und wie kann man das umgehen?

Hier die Startseite der Shopvorschau: http://www.vanvara.com/self

Danke
tox