How to set footer at the bottom of the screen and moves down when more content is add

**gazaian1** · 03-25-2012, 02:49 PM

</div> 

</div> 
<div class="clearfooter"></div>
</div> 

<div id="footer">
<div id="footertext"> © 2012 Circle B Trailers. For problems with this site please contact <b id="footemail">Jevon@circlebtrailers.com</b> or <b id="footemail">govanadesigns.tk</b></div>
</div>

css:

*{
margin: 0;
padding: 0;
}

html, body{height: 100%;}

.clearfooter {
height: 54px;
clear: both;
}

#pagewrap{
font: 14px 'calibri', san-serif;
width:100%;
min-width: 100px;
max-width: 1600px;
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: auto;
}

#footer{
position:relative;
width: 100%;
height:54px;
background:url(../images/footer_BG_s1.png) repeat-x;
}

#footertext{
font: bold 13px "Arial", Helvetica, sans-serif;
margin: 0px 0px 0px 115px;
position:absolute;
top: 28px;
clear: both;
}