title: Setting 100% height on an absolutely positioned element when the content expands past the window size
body: <p>So after reading Stack Overflow and the web, I've gathered that there are two main tricks to achieving 100% height:</p>
  
  <ol>
  <li>Set height:100% on both the HTML and BODY</li>
  <li>Set your element to have either:
  <ul>
  <li>height:100%, or</li>
  <li>top:0, bottom:0, position:absolute</li>
  </ul></li>
  </ol>
  
  <p>However, even with those tricks I'm having difficulty setting the height of an absolutely positioned DIV to a true 100%. I can get 100% of the viewport size, but if the user scrolls down at all it becomes apparent that the div doesn't truly have 100% height.</p>
  
  <p>I've made a simple JS Fiddle of the situation here:
  <a href="http://jsfiddle.net/9FEne/">http://jsfiddle.net/9FEne/</a></p>
  
  <p>My question is: does anyone know any further tricks to get a true (ie. content-height, not viewport-height) 100% height absolutely positioned div?</p>