Para que funcione correctamente que
.centro ocupe el resto de su contenedor, tienes que indicar un valor diferente para
overflow además de eliminar el ancho. Se quedaría tu regla así:
Código CSS:
Ver original.centro{
background: #e0e0e0;
height: 400px;
overflow: hidden; /* o scroll también vale */
}
Si quieres que además mida al menos 400 pixeles, entonces es mejor indicar que el contenedor mida al menos 580 (
.centro + .izquierda) porque si lo haces tal como lo tienes se te desarmará un poco.
¿Esa altura de
400px es sola para pruebas o quieres dejarla?