title: Footer will not stay at bottom of page
body: <p>My footer will not stay at the bottom of the page. Now when I use <code>position: fixed;</code> or <code>position: absolute;</code>, It says at the bottom of the browser and not the page. So I want it to make it stay at the bottom of the webpage, but also stays below the content.</p>
  
  <p>I tried adding <code>height: 100%;</code> to my wrapper (my footer is outside my wrapper) and it didn't work. I also just tried adding the sticky footer and it didn't work, but I left that part in my jsfiddle also.</p>
  
  <p>Here's my jsfiddle: <a href="http://jsfiddle.net/PfVFd/" rel="nofollow">http://jsfiddle.net/PfVFd/</a></p>
  
  <p>Now it seems to work with a small screen (like the result window on jsfiddle), but on a 1080 resolution, it doesn't work so here's my website also: http: <a href="http://erraticfox.com/about.html" rel="nofollow">http://erraticfox.com/about.html</a></p>