Footer wont stick to bottom

Question

Ive been playing around with my html/css for so long and i cant seem to get it to stick to the bottom below all the content. Right now, it starts on the bottom of the window, which overlaps content. It should be below all the content. Any help? Heres the site.. (the footer is last thing before wrapped in a div with class="footer") http://alenlocksmith.com/

Answer 1

Visit http://www.cssstickyfooter.com - It works like a charm every time!

Answer 2

Assuming you want it just under the content, remove position:absolute in #footer

Answer 3

try using position:fixed; this should fix your error