davidsekar/sticky-footer.css

## sticky-footer.css
* {
	margin: 0; /* Normalize all elements margins to zero*/
}
html, body {
	height: 100%; /* makes the page height equal to the browser height */
}
.wrapper {
	min-height: 100%;
	height: auto !important; /* Legacy IE6 support */
	height: 100%;
	margin: 0 auto -65px; /* The content wrapper will be set to (100% of screen height - the footer height) */
}
.footer, .push {
	height: 65px; /* Push occupies bottom 65px of the content wrapper so that the negative margin will take just the empty space not the actual content.  */
}

## sticky-footer.html
<!Doctype HTML>
<html>
  <head>Test sticky footer</head>
  <body>
    <div class='wrapper'>
      <!--Main content-->
      <div class='push'></div>
    </div>
    <div class='footer'>
      <!--footer content-->
    </div>
  </body>
</html>