Agrupa todo en otra capa (container) y flota los divs izquierda y derecha, así:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "htt*p://ww*w.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style>
body
{
background-color:black; /* color al fondo*/
}
#container {
margin: 0 auto;
width: 654px;
}
.arriba
{
width:652px; /*largo */
height:80px; /*alto*/
border:1px solid white; /* borde de 1px de ancho , solido , blanco */
background-color:#CCCCCC; /* color gris*/
}
.izquierda
{
float:left;
width:120px;
height:400px;
border:1px solid white;
background-color:#000066;
}
.derecha
{
float:right;
width:530px;
height:400px;
border:1px solid white;
background-color:#666666;
}
</style>
</head>
<body>
<div id="container">
<div class="arriba" ></div>
<div class="izquierda"></div>
<div class="derecha" ></div>
</div>
</body>
</html>
Pd. retira los asteriscos (*) de la url del DOCTYPE, es que no me deja poner url's el foro ;)