CSS float Problem bei umfließenden Text mit div

Ich habe folgendes Problem bei meinem CSS Stylesheet: Ich hätte gern, dass die Werbung die ich in die Seite einbaue vom Text umflossen wird - normalerweise sollte das ja mit float:left problemlos gehen und mit dem <div align ...> klappt es auch (halbwegs). Nur möchte ich gerne alles an Code was geht in das CSS auslagern wegen der Übersicht.

Nur da funktioniert das mit dem Umfließen einfach nicht, da hier ständig der eine div Container den anderen überlagert und irgendwie nicht erkannt wird. Wie kann ich das lösen, dass es klappt?

Achso, vielleicht ist mein Problem so leichter verständlich:



Code aus dem HTML Dokument:

Code: Alles auswählen

<div id="rowmain" > Text </div>
<div id="ad"> Werbung </div>

Code aus dem CSS Stylesheet:

Code: Alles auswählen

#rowmain { background-color: yellow;
           position:  absolute; left: 80px; top: 75px;
           float: left;
           width: 580px;
           height: 100%;
           padding: 20px 30px 10px 30px;
           margin: 0px;
           border: 0px;
           text-align:justify;
}

#ad      { background-color: red;
           position:  absolute; left: 80px; top: 75px; z-index: 50;
           float: left;
           width: 250px;
           height: 250px;
           padding: 0px 0px 0px 0px;
           margin: 0px;
           border: 0px;                   
}