html {
     height:100%
}
body {
     height:100%;
     background-color: #F8F8FF;
}
#container {
     position:relative;
     min-height:100%;
     _height:100%; /* for IE6 as it doesnt understand min-height */
}
#content {
     margin-left: 10px;
     margin-top: 5px;
     padding-bottom:100px; /* assuming your footer height is 100px */
}
 
#footer {
    position: relative;
    margin-top:-100px;
    margin-left: 10px;
    height: 100px;
    border: 0px;
     /* move the footer up negatively exactly the same height
         as the footer so that its back in the view and always
         appears to rest at the bottom
         of the page */
	 }