La siguiente técnica, vista en cssstickyfooter.com, permite crear un pie de página que se mantenga en la parte inferior de la página independientemente de la cantidad de contenido que haya en la misma.

HTML:

<div id="wrap">
	<div id="header">
	</div>
	<div id="main">
	</div>
</div>
<div id="footer">
</div>

CSS:

html, body {height: 100%;}
#wrap {min-height: 100%;}

#main {overflow:auto;
   padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
   margin-top: -150px; /* negative value of footer height */
   height: 150px;
   clear:both;}

/*Opera Fix*/
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;/
}

<!--[if !IE 7]>
   <style type="text/css">
       #wrap {display:table;height:100%}
   </style>
<![endif]-->

Ver ejemplo en funcionamiento » »