Ciao a tutti, ho fatto un layout così strutturato:

<div id="contenitore">
<div id="header">
</div>
<div id="menu">
</div>
<div id="extra">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>

Il menu mi arriva a toccare fino al footer e va bene, mentre il content e l'extra no, perchè?
Ecco il codice css:

codice:
<style type="text/css">
/* HTML E BODY */

html,body{margin: 1em;padding:0}
body{font-family: georgia,sans-serif;font-size:76%;text-align:center;background: url(sfondo.gif)}

/* CONTENITORE */

div#contenitore{width:70em;margin:0;text-align:left;border-left: 2px solid black;border-right: 2px solid black}

/* HEADER */

div#header {background-color: black;color:#eee;text-align:center}

/* CARATTERI */

h1{margin:0}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h3{font-size:1.2em;padding-top:10px}

/* CONTENUTI */ 

div#content{margin: 0 210px 0 110px; padding:1em 10 px; background-color: white}

/* MENU' */

div#menu{float:left;top:80px;width:130px;padding:1em 0 0 10px;background-color:#eee;border-right: 2px solid black}
div#menu ul {margin:0 0 20px;padding:0;list-style-type:none}
div#menu ul a {display:block;width:90px;border-bottom:1px solid #fff;color:#000;font-weight:bold;text-decoration:none}
div#menu ul a:hover{background-color:white;color:#f00}
div#menu ul a#activelink{color:#f00;text-decoration:none}

/* EXTRA */

div#extra {float:right;top:80px;width:210px;padding:1em 5px;background-color:#eee;border-left: 2px solid black;height:100%}

/* FOOTER */

div#footer {clear:both;background-color:black;font:bold;text-align:center;padding:0.5em;color:#eee}

</style>