En la parte html tendrias que poner primero la capa derecha y luego la izquierda y en el css flotarlos como corresponda si pones la izquierda primero y luego la derecha se marea todo el asunto.
<div class="derecha">
</div>
<div class="izquierda">
</div>
.derecha{
float:right;
}
.izquierda{
float:left;
}
se me olvidaba seguramente al flotar las capas hijas de centro te de la impresion que se salen de ella y si, es asi, para ver lo que te digo flota las dos capas que quieres y a centro aplicale un borde y veras por donde pasa, para solucionar esto deberas aplicarle este estilo a centro
.centro{
clear:both;
}
y la linjea vertical la podrias hacer con alco como
.derecha{
border-left:#ffffff solid 1px;
}
o añadir una capa central si lo quieres mas bonito pero recuerda que en la partehtml tendrias que poner derecha izquierda central, y no izquierda central derecha como pareceria logico