Footer floats on page and not at bottom

Question

I am building a page and for some reason my footer will not stay at the bottom of the page, it basically floats right in the middle of "article".

I add postion absolute, and bottom 0 but does not work

You can view a live example here: http://codepen.io/bskousen/full/rqbHc

Answer 1

Try adding this in the css:

footer
{
 position:static;
 clear:both;
}