title: Sticky Footer conflict css
body: <p>I'm trying to use a sticky footer, but it seems to having a conflict with my css, I'm following <a href="http://css-tricks.com/snippets/css/sticky-footer/" rel="nofollow">this</a> tutorial, but I want to know why the footer is in the middle of the page, what do I have to do to fix it. </p>
  
  <p>My code:</p>
  
  <p>jsfiddle.net/q2Vuq/</p>