title: Position Absolute and Bottom 0
body: <p><a href="http://cdpn.io/FykHr" rel="noreferrer">http://cdpn.io/FykHr</a>
  I seem to have an issue with the combined CSS properties:</p>
  
  <pre><code>position: absolute;
  bottom: 0;
  </code></pre>
  
  <p>First you can see that the .footer div doesn't isn't at the bottom. Now, change the <code>font-size</code> from <code>120px</code> to <code>50px</code> and the div seems to be working the way I inteded it to.</p>
  
  <p>How do I make the .footer div stay at the bottom (not fixed at the bottom of the screen) regardless of the size of the .content div.</p>