Voglio creare un layout a due colonne: la prima di sx con larghezza fissa e la seconda che riempia il resto della pagina.

Le due colonne funzionano ma il footer si sovrappone alla colonna di sinistra.

HTML
codice:
<html>
<head>
	<title>Title</title>
</head>
<body>

<div id="leftmenu">
    Menu
</div>
    
<div id="content">
    Content
</div>


<div id="footer">
    

Footer</p>
</div>

</body>
</html>


CSS
codice:
#leftmenu{
    position:absolute;
    width:250px;
    border-right:1px solid darkgrey;
    text-align: right;
}
#content{
    margin-left:250px;
}

#footer {
	clear:both;
	width:100%;
	border-top:1px solid #000;
}