Wenn ein links floatendes Element in die linke obere Ecke seines Elternelements platziert wird und ein zweites left-Float direkt auf das erste folgt, dann wird das zweite in der rechten oberen Ecke platziert und solange nach links verschoben, bis es rechts am ersten anliegt.


Vorsicht! Passen Sie auf Floats auf, die nicht alle dieselbe Höhe haben. Wenn ein Float in der zweiten Zeile nach oben rutscht, um dann seitlich in "seine Richtung" verschoben zu werden, bleibt es am ersten höheren Float "hängen", dem es begegnet.


http://www.css-technik.de/css-examples/219_9/

Ich hau meistens erst mal überall ein border:1px solid black rum, damit man genau sieht, welches Element wo wie Platz einnimmt.

Ansonsten hilft dir vielleicht die Intensivstation weiter:
http://www.intensivstation.ch/templates/
Glaube das hier ist so, wie du das willst (etwa):
http://www.intensivstation.ch/files/...late-3-07.html