Tenho um contêiner de largura de fluido DI

Neste eu tenho 4 DIVs todos os 300 px x 250 px ...

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

O que eu quero que aconteça é a caixa 1 flutuar para a esquerda, a caixa 4 flutuar para a direita e as caixas 2 e 3 espaçadas igualmente entre elas. Quero que o espaçamento seja fluido também, para que o navegador fique menor, o espaço também fique menor.