CSS from Paul at Sitepoint:
<style type="text/css">
/* commented backslash hack \*/ html, body{height:100%;} /* end hack */ html,body {margin:0;padding:0} #outer{ min-height:100%; margin-bottom:-50px; height:auto; } * html #outer{height:100%;} #footer { width:100%; clear:both; height:50px; background-color: #FF8080; color: #000000; } #clearfooter{clear:both;height:50px;} div>p {margin:0} #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper thanks to Tim Connor*/ * html #minHeight{margin-bottom:-50px;}
</style>
HTML:
<div id="minHeight"></div>
<!—Safari hack -->
<div id="outer">
content goes here</p>
<div id="clearfooter"></div>
</div>
<div id="footer">Footer -</div>