title: How to make a sidebar that stretches to the page length?
body: <p>If I set a <code>min-height: 700px;</code> on my sidebar, it works fine, however if the content length goes beyond 700 px, then the sidebar ends and the page content takes up the full width of the page. I want the sidebar to go down the length of the page, as long or short as the content is. How can this be done?</p>
  
  <p>Here's my sidebar's css code:</p>
  
  <pre><code>#sidebar
  {
      float: right;
      min-height: 700px;
      min-width: 25%;
      background-color: #FFFFFF;
  }
  </code></pre>
  
  <p>Changing the height to <code>100%</code> causes the sidebar to disappear completely.</p>
  
  <p>Here's the html code;</p>
  
  <pre><code>&lt;bod&gt;
    &lt;div id="sidebar"&gt;&lt;/div&gt;
    &lt;div id="content"&gt;Content here....&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>