Duda con columnas CSS

[Middrel]

Hola, buenas tardes,

Tengo una duda con el acomodo de unas columnas, no sé si se pueda hacer, les explico:

En la siguiente dirección http://serverbideas.com/jobs/ tengo lo que será la estructura de un sitio en desarrollo, en el cuál tengo 3 divs dentro de otro div en la parte central:

Código HTML:

<div id="wrapper-middle">                    
     <div class="wrapper-left"></div>
     <div class="wrapper-middle"></div>            
     <div class="wrapper-right"></div>            
</div>
 

Sin embargo, cuando se redimensiona la pantalla, llega un punto en que estos 3 divs se empiezan a mandar hacia abajo (cosa que es correcta), sin embargo queda un espacio vacío a la derecha el cuál no me agrada como se ve.



Mi css para esos divs es el siguiente:

#wrapper-middle{
overflow:hidden;
margin:0 auto;
width:89%; }

.wrapper-left, .wrapper-middle, .wrapper-right{
background-color:#eaeaea;
float:left;
height:526px;
margin:15px;
min-width:350px; }

Mi pregunta es: Es posible que con los divs que van quedando, 1. se centren al div wrapper-middle o en su defecto, ocupen todo el espacio para que no quede ese hueco blanco? Es decir, ocupar el 100% del espacio del wrapper-middle siempre que sea necesario?

Espero haberme explicado.

Saludos a todos y buen inicio de semana!!