Aqui te invente una solucion...
tube que agregar un div adicional y arreglarte un poco el codigo
Cita: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css"><!--
body {
margin:0;
padding:0;
text-align:center;
}
#content {
text-align:left;
margin:auto;
background-color:#0f0;
width:870px;
}
#cabecera {
width: 870px;
height:70px;
background-color:#f00;
}
#menuIzq {
width:175px;
float:left;
background-color:#888;
}
#menuDer {
float:right;
width:159px;
}
#contenido {
padding-left:175px;
margin-right:159px;
background-color:#888;
}
#contenido2 {
background-color:#CCC;
}
#pie {
clear:both;
width:870px;
height:50px;
background-color:#fC0;
}
--></style>
</head>
<body>
<div id="content">
<div id="cabecera">cabecera</div>
<div id="menuIzq">MenuIzq</div>
<div id="menuDer">Menuder</div>
<div id="contenido">
<div id="contenido2">
contenido<br />contenido<br />contenido
contenido<br />contenido<br />contenido
contenido<br />contenido<br />contenido
contenido<br />contenido<br />contenido
contenido<br />contenido<br />contenido
contenido<br />contenido<br />contenido
contenido<br />contenido<br />contenido
</div>
</div>
<div id="pie">pie</div>
</div>
</body>
</html>
el fondo del contenedor pasa a ser el fondo del menu derecho :P