While reading this forum I noticed that a lot of people has problems with creating a footer in css. A footer that always sticks to the bottom of your page.
I found this script that helped me alot!.
I hope that I can help you guys with it.
You then need to apply a bit of CSS:
html { height: 100%; }
body { height: 100%; }
#nonFooter {
position: relative;
min-height: 100%;
}
* html #nonFooter { height: 100%; }
#footer {
position: relative;
margin-top: -7.5em;
}
<html>
<body>
<div id="nonFooter"></div>
<div id="footer"></div>
</body>
</html>
Source: http://www.themaninblue.com/experiment/footerStickAlt/
Good luck!