title: How to set equal height for 2 position:absolute divs?
body: <p>I have 2 divs with <code>position:absolute</code> set, looking as such:</p>
  
  <pre><code>#nav {
  position:absolute;
  width: 300px;
  height: 100%;
  }
  
  #content {
  position: absolute;
  width: 70%:
  height: 100%;
  }
  </code></pre>
  
  <p>The <code>#content</code> div often exceeds the pages size, requiring the user to scroll down.</p>
  
  <p>But the <code>#nav</code> div stops at the bottom of the screen - it does not continue down the page as the user scrolls.</p>
  
  <p>Is there any way to make both divs have equal height (without JQuery)?</p>