3 Boxen nebeneinander

[Chris]

Hi,
ich habe drei nebeneinanderliegende Boxen definiert in der nachfolgenden Art (wobei die CSS-Def. ausgelagert werden sollen)

  
  <div style="width:30%; float:left;">  
     Text  
       ......  
     Text  
  </div>  
  <div style="width:30%; float:left;">  
     <img border="0" src="http://www.example.com/b/b1.jpg" alt="">  
  </div>  
  <div style="width:30%; float:left;">  
     Text  
       ......  
     Text  
  </div>  

Wenn ich das Fenster verkleinere, verkleinern sich die linke und die rechte box, nicht aber die mittlere. Irgendwann springt dan die rechte box nach unten.
Wie kann ich das verhindern?
a) Auch mittlere Box soll kleiner werden
   oder
b) Die beiden äußeren Boxen sollen sich schneller verkleinern, damit sie in einer Reihe bleiben
   oder
   ????