Mira, te adjunto tu código con unas modificaciones que le hice:
Código HTML:
<!DOCTYPE HTML>
<html lang="es-es">
<head>
<meta charset="UTF-8"/>
<title></title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="wrapper">
<div id="contenedor">
<div id="cabecera">
<div id="logo"><img src="img/logo.jpg"/></div>
<div id="bannercabecera"><img src="temp/banner_display_468_60.png"/></div>
</div>
<div id="enlacescabecera">
<center><img src="temp/enlaces_728_15.png"/></center>
</div>
<div id="cuerpo">
<div id="menuizquierdo">menuizquierdo</div>
<div id="contenido">contenido</div>
<div id="bannerderecho">bannerderecho</div>
</div>
</div>
<div id="pie">pie</div>
</div>
</body>
</html>
Código:
body
{
margin-top: 0px;
margin-left: 0px;
background-color: #0174DF;
background-image: url(img/fondo.png)
}
#contenedor
{
/*background-color: #ffffff;*/
width: 100%;
}
#wrapper{
margin:0 auto;
max-width:900px;
}
#cabecera
{
background-color: #ffffff;
width: 100%;
height: 121px;
margin:0 auto;
}
#logo
{
margin-top: 4px;
width: 38%;
height: 113px;
margin-left: 25px;
float: left;
}
#bannercabecera
{
float: right;
margin-top: 25px;
margin-right: 25px;
}
#enlacescabecera
{
background-color: #ffffff;
padding-top: 5px;
margin:0 auto;
width: 100%;
}
#cuerpo
{
width: 100%;
margin:0 auto;
background-color: #ffffff;
border-color: #000000;
border-width: 1px;
border-style: solid;
box-sizing:border-box;
}
#menuizquierdo
{
float: left;
width: 20%;
border-color: #000000;
border-width: 1px;
box-sizing:border-box;
border-style: solid;
}
#contenido
{
width: 60%;
float:left;
border-color: #000000;
border-width: 1px;
box-sizing:border-box;
border-style: solid;
}
#bannerderecho
{
float: left;
width: 20%;
box-sizing:border-box;
border-color: #000000;
border-width: 1px;
border-style: solid;
}
#pie
{
width: 100%;
margin:0 auto;
float:left;
background-color: #ffffff;
}
Le agregue un wrapper, que seria como el contenedor general. Te aconsejo que siempre trabajes con porcentajes, entonces así le das un ancho inicial, y luego a los elementos internos el ancho se lo das con %, por ejemplo si te fijas, yo le deje un ancho de 900px que ya lo tenia, y a los elementos le di un 20%, 60%, 20%. Ese porcentaje corresponde a la porción del ancho del elemento padre. Es decir que sera un 200% de 900px, y así sucesivamente.
Re acomode los bloques con float, y por ultimo le reste los bordes con box-sizing. Ademas, si achicas la ventana del navegador veras que los elementos se reajustan.
Por ultimo te recomiendo que utilices html5, es mucho mas ordenado y cómodo, ademas de todas las otras ventajas que tiene.
Saludos y espero haberte sido de ayuda!