tengo un problema con un peuqño html/css q esoty preparando
Código HTML:
<html>
<head>
<title>New document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style>
html,body{margin:0;}
#cuerpo {
position:relative;
}
#menu {
position:absolute;
width:200px;
background-color:#ACB;
top:0;
bottom:0;
left:0;
}
#contenido {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin:0 0 0 210px;
background-color:#36B;
}
</style>
</head>
<body>
<div id="cabecera">
este es el texto de la cabeza
</div>
<div id="presentacion">
me presento como un codigo abierto y publico para <br /><br />adminitratar paginas
</div>
<div id="cuerpo">
<div id="menu">
menu<br /> - home<br /> - productos<br /> - servicios
</div>
<div id="contenido">
el contenido de mi docuemnto<br /><br /><br /><br />
el contenido de mi docuemnto<br /><br /><br /><br />
el contenido de mi docuemnto<br /><br /><br /><br />
</div>
el contenido de mi docuemnto<br /><br /><br /><br />
</div>
<div id="pie">mi pie</div>
</body>
</html>
el problema esta en el div #cuerpo q esta como relativo, ya q las cosas q le pongo adentro (div#menu y div#contenido) no me "agrandan" el alto de #cuerpo
alguien me puede ayudar?