Hola, Raulmmmm.
Creo que ha salido varias veces la misma cuestión en pocos días: basta con ponerle el float: left sólo al de la izquierda, y de esa manera te ahorras hacer el corte abajo para que crezca el contenedor. Este código es algo más económico:
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>RealState Argentina</title>
<style>
#contenedor {
width:800px;
margin: 0 auto;
}
.arriba{
height: 90px;
border: 1px solid #788DA2;
background-color: #788DA2;
}
.izquierda, .derecha{
height:400px;
border: solid 1px white;
color:#FFFFFF;
}
.izquierda{
float: left;
width:400px;
background-color: red;
}
.derecha{
background-color: blue;
}
</style>
</head>
<body>
<div id="contenedor">
<div class="arriba"></div>
<div class="izquierda"></div>
<div class="derecha"></div>
</div></body>
</html>
Mikel.