div che rimane fisso

[imesh]

salve, ho una struttura di div di questo tipo:

<div id="contenitore">
        <div id="menu">
        
        </div>
        <div id="contenuti">

        </div>
        <div id="footer">

        </div>
</div>

I div menu e footer so già in anticipo che altezza e larghezza devono avere, mentre il div contenuti carica a seconda del tasto premuto nel menu del testo di varia lunghezza. impostando il div contenuti con height 100% qualsiasi contenuto abbia il div ha una dimensione fissa... e il footer sta sempre in basso, e se il contenuto testuale è troppo si sovrappone al footer.
questo è il css:

#contenitore{
	position:absolute;
	top:2em;
	left:50%;
	width:62.5em;
	height:100%;
	margin: 0em 0em 0em -31.25em;
	}
#menu{
	position:relative;
	width:62.5em;
	height:2.5em;
	top:1em;
	border-bottom:solid;
	border-bottom-width:thin;
	border-color:#CCC;
	border-top:solid;
	border-top-color:#CCC;
	border-top-width:thin;
	}
#contenuti{
	position:relative;
	width:62.5em;
	height:100%;
	}
#footer{
	position:relative;
	width:62.5em;
	height:3em;
	}

non so cosa sbaglio...