I have the following CSS:

<html>
<head>
<title>untitled</title>
<style type="text/css">

#container {
position: relative;
top: 40px;
}

#leftmenu {
position: relative;
width: 125px;
padding: 20px;
background-color: #eee;
border: 1px dashed #999;
line-height: auto;
}

#mainbody {
position: absolute;
top: 0px;
margin: 0px 0px 0px 150px;
padding: 0px;
}

</style>
</head>
<body>
<div id="container">
<div id="leftmenu"></div>
<div id="mainbody">
blah blah blah blah blah blah blah blah blah blah blah<br>
blah blah blah blah blah blah blah blah blah blah blah<br>
blah blah blah blah blah blah blah blah blah blah blah
</div>
</div>
</body>
</html>

(Thanks to adios over at devshed Forums)

I have two questions though:

I. How can I put a footer below the container and have its position remain static. (Without the menu hovering over it as it does in this case.)

II. How can I keep the menu that same height as the body.

Thanks,

Any help is greatly appreciated.