Tengo un contenedor de ancho de fluido DIV.

Dentro de esto tengo 4 DIVs todos 300px x 250px ...

<div id="container">
   <div class="box1"> </div>
   <div class="box2"> </div>
   <div class="box3"> </div>
   <div class="box4"> </div>
</div>

Lo que quiero que suceda es que la casilla 1 se haga flotar a la izquierda, la casilla 4 se flote a la derecha y las casillas 2 y 3 se distribuyan uniformemente entre ellas. Quiero que el espacio también sea fluido, de modo que a medida que el navegador se hace más pequeño, el espacio también se vuelve más pequeño.