Grafik breiter als div - Umbruch soll vermieden werden

[Jürgen]

Hallo!

Ich hab hier ein kurzes HTML/CSS-Beispiel, in welchem ich die Breite eines div´s vordefiniert habe, aber eine div-box samt einer Grafik diese Breite zusammen überschreiten.

Dadurch rutscht die Grafik in nächste Zeile. Wie bekomme ich die Grafik immer neben die grüne Box, egal wie breit diese ist?

  
<div id="hauptbox">  
<div id="textbox">Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text Text Text  
Text Text Text Text Text Text Text Text Text Text Text Text</div>  
HIER SOLLTE DAS FOTO DIREKT RECHTS NEBEN DER GR&Uuml;NEN BOX  
ANSCHLIEESEN<img alt="" src="fotos/hochzeit22.jpg"></div>  

  
div#hauptbox {  
height: 452px;  
width: 800px;  
margin: auto;  
background-color: #ff0000;  
}  
div#textbox{  
height: 452px;  
width: 200px;  
background-color: #00ff00;  
float: left;  
}  
div#hauptbox img{  
border: 1px solid #bfbfbf;  
}