[HelpMe] CSS - float, clear und ein folgendes div

Hallo,

ich dachte mir, bevor ich mich extra für eine Frage an ein Profi-Forum wende, versuche ich es hier.

Folgende Fragestellung:

Zwei Boxen werden (links) gefloated, anschliessend folgt ein clear. Soweit so gut.
Nun folgt eine weitere Box, die jedoch trotz margin-top zu früh, d.h. unterhalb / hinter der linken Box beginnt, wenn die rechte der gefloateten Boxen kürzer ist als die linke.

Bis jetzt habe ich mir mit einem <p>&nbsp;</p> beholfen, so dass es passt. Man sieht jedoch auf dem Bild, dass der gelbe Bereich (das p) direkt auf die rechte box folgt und unter der linken liegt.
Dazu sei noch gesagt: Der Abstand zwischen der Box .stopfloat und dem p sind genau die 2em, die ich per p + div deklariert habe. Das p benötige ich also sowieso, um den Abstand zur Folge-Box zu bekommen, jedoch ist das p einfach genau um die Höhe der gelben Linie zu früh!

Ich will nun "einfach", dass mein "Abstands-P" an die längste der oberen beiden Boxen anschliesst, unabhängig davon welche länger ist.

Ich habe sicherlich nur eine klitzekleine Kleinigkeit vergessen, komme jedoch einfach nicht darauf und würde mich freuen, wenn mir jemand der Website-Profis hier helfen kann. Die Box die mit #adsense deklariert ist, fällt raus aus dem Thema, sie ist absolut positioniert, alles andere hat keine Position.

Im Folgenden dazu ein Screenshot und die relevanten Stellen des Codes:




CSS-Code:

Das Markup ist genauso verschachtelt wie hier zitiert!

Ich hoffe nun, dass was ich hier veranstaltet habe ist soweit klar.
Wenn der geneigte Leser noch eine Frage hat, gerne, immer her damit.

Aber eine Antwort wäre auch schön.
Bin ja schon mal gespannt, ob überhaupt jemand schreibt ...

*edit*
Mir fällt gerade noch ein, ich könnte die beiden oberen Boxen einfach "wrappen", und dem problem so aus dem weg gehen ... aber geht das nicht eleganter / einfacher ?

*edit* Wrappen hat den gleichen Effekt (war auch logisch)