title: 2 column website sidebar full height
body: <p>I'm making a 2 column webpage layout. I wanna make a border that takes 100% of the page height. I have tried a few different things but I alwys get the same result, it only adds border whenever there's content. Anyone has some advice in this?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="top"&gt;
          &lt;nav&gt;
              &lt;a class="navitem" href="#"&gt;Stream&lt;/a&gt;
              &lt;a class="navitem" href="/discover"&gt;Discover&lt;/a&gt;
          &lt;/nav&gt;
                  &lt;form action="#" class="form-wrapper cf"&gt;
                  &lt;input type="text" placeholder="Search..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Search...'" required&gt;
                  &lt;button type="submit"&gt;Search&lt;/button&gt;
                  &lt;/form&gt;    
      &lt;/div&gt;
  
  &lt;div id="wrapper"&gt;
  
  
  &lt;div id="content"&gt; 
  &lt;h1&gt; Content&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div id="divider"&gt;&lt;/div&gt;
  
  &lt;aside&gt;
  &lt;h1&gt;right bar&lt;/h1&gt;
  
  &lt;footer&gt;
  &lt;nav&gt;
  &lt;a class="navitem_footer" href="/contact"&gt;Contact&lt;/a&gt;
  &lt;a class="navitem_footer" href="/about"&gt;About us&lt;/a&gt;
  &lt;a class="navitem_footer" href="/premium"&gt;Premium&lt;/a&gt;
  &lt;/nav&gt; 
  &lt;/footer&gt;
  
  &lt;/aside&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#wrapper {
      width: 990px;
      margin-right: auto;
      margin-left: auto;
  }
  
  #content {
      width: 600px;
      float: left;
  }
  
  #divider {
          position: absolute;
      overflow: hidden;
      left: 900px;
      right: 0;
      top: 0;
      bottom: 0;
      border-left: 1px solid rgba(192,192,192,0.6);
      }
  aside {
      float:right;
      width: 390px;
  }
  
  footer {
      height: 50px;
      clear: both;
      position:fixed;
      bottom:0;
  }
  </code></pre>
  
  <p>Thank you in advance.</p>
  
  <p>I got the border working now, but its covering my header &amp; i tried overflow hidden but that didn't work.</p>
  
  <p>Screenshot : <a href="http://i62.tinypic.com/2czbp6s.png" rel="nofollow">http://i62.tinypic.com/2czbp6s.png</a></p>