Buenas, soy nuevo en CSS, y tengo una duda, ya que estoy empezando a aprender a diseñar sin tablas.
 
Tengo este codigo HTML: 
 Código HTML:
 <div id="cuerpo">
	<div id="membrete"> MEMBRETE
		<div id="menu">MENU</div>
	</div>
	<div id="contenido">CONTENIDO</div>
	<div id="banner">imagen</div>
	<div id="pie">PIE DE PAGINA</div>
</div> 
 Y el CSS que tengo es: 
Código:
 body {
	background:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
#cuerpo{
	width:760px;
	height:420px;
	margin:0 auto 0 auto;		
}
#membrete{
	background:#000000;
	color:#FFFFFF;
}
#menu{
	background-color:#999999;
}
#contenido{
	background-color:#FFFFFF;
	float:left;
}
#pie{
	background-color:#000000;
	clear:both;
	color:#FFFFFF;
}
#banner{
	background-color:#FFFFCC;
	margin-left:560px;
	width:200px;
}
  Mi pregunta es, como hacer para que el DIV del CONTENIDO, se agrande sola, sin importar su contenido y llegue hasta el DIV del BANNER??? 
Se puede?