Sticky Footer Is Not Placed At The Bottom

I'm just making some quick changes to the footer. The footer needs to be sticky, i was following the method described by A List Apart method to try get the footer to stay at the bo

Solution 1:

I think you should add to #wrapper clearfix, add height: 100% to #wrapper and #container in this case, you will see footer lower then should be. Now you should set top to minus height of footer and it should work. Bo I don't know if it will cover content of wrapper.