title: CSS Border Not Extending The Entire Div
body: <p>Take a look at the picture below, as you can see i have a border on each side of the div or at least the right side in the div. what i want the border to do is extend the whole grey div but when i put <code>height:100%;</code> to the div with the border it appears as it is. examin my css below also and let me explain. <code>#Content</code> is the big grey div that contains everything, if i remove min-height and make it <code>height:70%;</code> the border extends the whole page. take a look at a before and after picture below to get an idea.</p>
  
  <p>CSS: </p>
  
  <pre><code>#Content {
  padding:0px;
  min-height:70%;
  }
  </code></pre>
  
  <p>before:</p>
  
  <p><img src="https://i.stack.imgur.com/rtXJX.png" alt="BEFORE"></p>
  
  <p>After:
  <img src="https://i.stack.imgur.com/HuxiB.png" alt="AFTER"></p>
  
  <p>changed <code>#Content {
  padding:0px;
  min-height:70%;
  }</code></p>
  
  <p>to <code>#Content {
  padding:0px;
  height:70%;
  }</code></p>
  
  <p>can someone please explain to me how i can get the borders in the "after state picture" with a min-height property. here is a jsFiddle to mess around in : <a href="http://jsfiddle.net/U2MsK/" rel="nofollow noreferrer">Link</a></p>