[Resolvido] Justificar DIVs independente da resolução

Pessoal,

Como faço para justificar várias DIVs, lado-a-lado, independente da resolução?

Tentei fazer, mais quando eu, por exemplo, clico no botão restaurar a janela do navegador, a terceira DIV salta para próxima linha e o site perde a estética.

<div id="esquerda">Conteudo A</div>
<div id="centro">Conteudo B</div>
<div id="direita">Conteudo C</div>

#esquerda {
float: left;
background: url(../imagens/ground-comercio-azul.gif);
height: 37px;
margin: 0 auto;
width: 48%;
}

#centro {
float: left;
height: 37px;
margin: 0 auto;
width: 57px;
}

#direita {
float: left;
background: url(../imagens/ground-servicos-rosa.gif);
height: 37px;
margin: 0 auto;
width: 48%;
}

Observem que a DIV "centro" possui um tamanho fixo de 57px; o que eu quero é que as demais DIVs se ajustem à janela do navegador e permaneçam lado-a-lado independente da resolução ou se a janela esta maximizada ou restaurada.

Estou postando aqui porque eu sempre usei TABLE na construção dos meus sites e agora estou querendo migrar para TABLELESS porém estou tendo esta dificuldade por falta de experiência nesta metodologia.

Agradeço muito pela ajuda.

Um abraço.