Javascript to stick the footer to the bottom and let it stay there even if there isn't enough content to push the footer down.

sticky footer.html

<script type="text/javascript"> 
   $(window).bind("load", function() {
    var docHeight = $(window).height();
    var footerHeight = $('#footer').height();
    var footerTop = $('#footer').position().top + footerHeight;
    
    if (footerTop < docHeight) {
     $('#footer').css('margin-top', 10 + (docHeight - footerTop) + 'px');
    }
   });
</script>