title: DIV - 100% height causing scroll bars
body: <p>I am having a bit of issue with a div causing scroll bars when height set to 100%.</p>
  
  <p>Right now, my page content looks like;</p>
  
  <pre><code>&lt;body&gt;  
  
  &lt;hr&gt;
  
  &lt;div id="content"&gt;
  
      &lt;div id="heading"&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p>The problem is that the HR is 5px, and the Content is 100% of body height. So, since it is 100% of page height, it is going below the HR and creating 5px so that a scrollbar is being made which I want to avoid.. </p>
  
  <p>My question is, how do I make it height 100% without it thinking that it needs to be 100%pageheight and not including the HR in the page height?</p>
  
  <p>Thanks.</p>