Zeilenumbruch im zweispaltigen Layout mit Bildern

[Mathetyp]

Hallo Freunde der Kunst

Ich habe ein zweispaltiges Layout der Form

html:

  
<div id="left">  
  <p>...Inhalt...</p>  
</div>  
  
<div id="right">  
  <p>...Inhalt...</p>  
</div>  

css:

  
#left {  
  float: left;  
  width: 12em;  
/*  ...  */  
}  
  
#right {  
  margin-left: 14em;  
/*  ...  */  
}  

Nun habe ich auf der rechten Seite sowohl Bilder als auch Text. Die Bilder haben alle ca. eine Breite von 600px. Wenn ich nun mein Browserfenster zusammen schiebe, bricht der Text natürlich am Rand des Fensters um. Scrolle ich aber nach rechts (wegen der Bilder), bleibt der Text an dieser Stelle umgebrochen.

Wie kann ich es organisieren, dass der Text mit dem Scrollen weiter am Seitenrand umbricht?

Mfg Mathetyp