Ich brauche mal Hilfe. Ich will ein Layout mit dynamischer Breite machen, was folgendermaßen aussieht:

Code: 
-----------  -----
-   A     -  - B -
-         -  -   -
-         -  -   -
-         -  -----
-         -
-         -
-         -
-----------
A und B liegen in einem div, das 90% der Gesamtbreite des Browserfensters einnimmt. B ist ein nav-Element, das fix 200px breit ist. A ist ein section-Element mit einer nicht näher definierten Breite, es soll immer exakt so breit sein wie die Breite von dem div minus 200px (die Breite von B), und unter B, welches immer kürzer ist als A, soll dann whitespace sein.

Code (CSS): 
nav#B {
	width: 200px;
	margin: 20px 10px 10px 30px;
	float: right;
}


Mein Problem ist jetzt, natürlich, daß A um B herumfloated, also der Text innerhalb von an nachdem B zuende ist, nicht mehr nur die Gesamtbreite - 200px einnimmt, sondern die volle Breite.

Hat jemand eine Idee, wie man das lösen kann? Und wenn's geht bitte ohne so dreckige Workarounds wie display: inline-table mit width: 100%.

Vielen Dank.