Paul: Probleme mit float

Beitrag lesen

Hallo.
Ich möchte auf meiner Seite vier Textabsätze wie folgt plazieren.
Erster Absatz ist links, zweiter rechts vom ersten. Der dritte unter dem ersten und der vierte neben dem dritten und unter dem zweiten.
Quasi eine Tabelle, nur platzsparender, weil die unteren Absätze nach oben rücken sollen.
Kleine Veranschaulichung:
|1|2|
|3|4|
Mein Code sieht so aus:

#page_content
{width:600px;
border:1px solid red;
}

#page_content .column
{
  width: 48%;
  vertical-align:top;
  margin:0; padding:5px;
  float:left;

}

#page_content .columnright
{
 margin:0; padding:5px;
 width:48%;
 float:left;
}

Leider klappt es nicht ganz - die vierte Box erscheint unter der ersten. Das wäre eigentlich nicht weiter schlimm...es kommt leider noch hinzu, dass der Abstand zwischen der ersten und vierten Box viel zu groß ist (etwa so lang wie die Höhe der dritten Box)

Freue mich über jeden Rat.