title: Absolute Positioning with Footer not working
body: <p>I have no idea how to fix this.
  Putting things on position: relative will null out the bottom: 0px, and will also create tons of white space on pages that don't fit the entire height due to lack of content.</p>
  
  <p>Putting it on absolute makes it cover content of pages that do have content long enough to generate a scroll bar.</p>
  
  <pre><code>.footer {
    width: 100%;
    height: 150px;
    background: #3167b1;
    position: absolute;
    bottom: 0px;
  }
  </code></pre>
  
  <p>This should be working right? For some reason it just doesn't. Is it Wordpress? Never had this problem before and I have already gone through and cleaned up a lot of issues that may have caused it.</p>
  
  <p>EDIT:
  Silly me... I forgot the html here.
  Right now it has nothing in it so it is just:</p>
  
  <pre><code>&lt;div class="footer"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have it like that just to test it.
  To see what is happening you can visit it here:
  <a href="http://www.yenrac.net/theme" rel="nofollow">http://www.yenrac.net/theme</a></p>
  
  <p>I hope that helps clarify some things.</p>
  
  <p>I have also created this theme from scratch.</p>