Help About Css Problem?

Arkadslar merhaba benim bir css dosyam var ..
İcerigii------------->
body
{
margin:0px auto;
padding:0px;
background-color:#ffffff;
font-family: Microsoft Sans Serif;
background-color : #fff;
color : #444;
text-decoration : none;
word-spacing : normal;
text-align : left;
letter-spacing : 0;
line-height : 1.2em;
font-size : 1em;
}
#container
{ position:relative;
width:100%;
}
#header
{
width:100%;
height:30px;
border:1px solid;
}
#middle
{
position:relative;
width:100%;
border:1px solid;

}
.leftSideBar
{ position:absolute;
width:20%;
height:300px;
border:1px dotted red;
margin-left:10px;


}
.content
{
position:absolute;
right:0px;
width:75%;
border:1px dotted red;
min-height:700px;
margin-right:10px;



}
#footer
{ position:absolute;
margin-bottom:0;
width:100%;
height:120px;

}

Daha sonra Html kodlarım
<div id="container">
<div id="header">BURASI HEADER</div>
<div id="middle">
<div class="leftSideBar">

</div>
<div class="content">

</div>
<asp:ContentPlaceHolder ID="MainContentPlaceHolder" runat="server">
BURASI ORTA İÇERİK
</asp:ContentPlaceHolder>

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

Burada footer alanını nasıl aşagıya duşürebilirim ?