3 divs mit float und alles mittig

[dacrow]

danke ihr zwei für eure hilfe!!
meine lösung sieht nun so aus:

<div style="margin: 0 auto; text-align: center;" >  
 <div style="display: inline-block; max-width: 700px;" >  
  <div style="display: inline-block; display:inline;">  
   <img src="p1.jpg" width="200" height="200" alt="" />  
  </div>  
  <span style="display: inline-block; width: 200px; height: 200px; vertical-align: top;">  
    TEXTEXTEXTEXT  
  </span>  
  <div style="display: inline-block; display:inline;">  
   <img src="p2.jpg" width="200" height="200" alt=""/>  
  </div>  
  <div style="display: inline-block; display:inline;">  
   <img src="p3.jpg" width="200" height="200" alt="" />  
  </div>  
  <span style="display: inline-block; width: 200px; height: 200px; vertical-align: top;"></span>  
  <div style="display: inline-block; display:inline;">  
   <img src="p4.jpg" width="200" height="200" alt="" />  
  </div>  
 </div>	  
</div>

funktioniert unter allen modernen browsern genau so, wie ich es mir gewünscht habe, beim IE6 und IE7 zumindest zufrieden stellen.

manchmal wünsch ich mir 1999 und tabellenlayouts wieder herbei ;)