Grafik breiter als div - Umbruch soll vermieden werden

[Jürgen]

Nach vielem Probieren die (für mich praktikable) Lösung, die in FF und IE funktioniert: 2 divs nebeneinander, wobei im 2 div sich die (überbreite) Grafik mit position:absolute befindet.

Mein erster Ansatz war schlicht der völlig falsche Weg.

Hier der Code zur Testseite:

  
div#hauptbox {  
margin: auto;  
height: 500px;  
width: 700px;  
border: 3px solid #ff0000;  
}  
div#textbox {  
height: 450px;  
width: 200px;  
background-color: #00ff00;  
float: left;  
}  
div#bildbox {  
height: 450px;  
width: 300px  
float: left;  
}  
div#bildbox img{  
position: absolute;  
}  

-----

  
<div id="hauptbox">  
   <div id="textbox">Textbox</div>  
   <div id="bildbox"><img src="fotos/allerlei/01.jpg"></div>  
</div>  

die fast fertiggestellte Seite mit der angewandten div-suppe ist hier zu sehen. In den Galerien ragen eben überbreite Fotos aus den hauptdiv raus und im sonstigen hab ich (mühsames try + error ...) 3 divs samt 1 Grafik nebeneinander setzen können.

Danke noch mal für eure Anregungen!

LG, Jürgen

PS: Es ist jedenfalls tröstend, dass für diese auf den ersten Blick banale Aufgabe auch euch Profis nicht sofort die korrekte Lösung einfällt *g*