Karl: Größenproblem bei verschachtelten Containern

Beitrag lesen

Liebe Leute!
Offensichtlich hab ich heute ein dickes Brett vor dem Kopf.

Zuerst der Quellcode

  
<BODY>  
  
<DIV STYLE="background-color:red; border-style:solid; border-width:12px; border-color:#ffd7af">  
  
<SPAN STYLE="float:right; background-color:yellow; ">  
Text im gelben Kasten<BR>  
Text im gelben Kasten<BR>  
Text im gelben Kasten<BR>  
Meine größe hängt vom enthaltenen Text ab<BR>  
Text im gelben Kasten<BR>  
</SPAN>  
  
Ein kurzer Text im roten Kasten soll um den Gelben herumfließen.<BR>  
Bei zu kurzem Text im rotem Kasten soll der rote Katen genau so hoch werden wie der gelbe Kasten.  
  
</DIV>  
  
</BODY>  

Ich hab also eine rote Box und darin rechts oben eine kleinere gelbe.
Solange der Text in der roten Box ausreichend lang ist fließt er, wie gewollt, zuerst links und dann auch unter die gelbe Box.

Bei zu wenig rotem Text sollte die rote Box aber zumindest bis zur Unterkante der gelben Box reichen. Leider ist es aber so, dass die gelbe Box aus der roten "ausläuft".
Wie krieg ich das hin?

Ich sehe inzwischen vor lauter display, float, clear, overflow, position usw. kein Licht mehr am Ende des Tunnels und bitte um Erleuchtung.
l.g. Karl