title: Overflow:scroll doesn't show the entire div
body: <p>I'm trying to make a fixed position sidebar, which has a small header and a scrollable div underneath.</p>
  
  <p>My problem is that I cannot scroll through the entire div, so I can't see everything in it.</p>
  
  <p>Here's my code and <a href="http://jsfiddle.net/9V45d/1/" rel="noreferrer">here it is on jsfiddle</a>.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;section&gt;
  &lt;header&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;
  &lt;/header&gt;
  &lt;div class="scroll-box"&gt;FIRST LINE
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;doesn't matter
      &lt;br&gt;we have some text here
      &lt;br&gt;a few lines
      &lt;br&gt;LAST LINE
      &lt;br&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS</p>
  
  <pre><code>    section {
      position: fixed;
      top:0;
      left: 0;
      height: 100%;
      width: 300px;
      background: red;
  }
  .scroll-box {
      overflow: scroll;
      height: 100%;
      width: 100%;
      background: #eee;
  }
  </code></pre>
  
  <p>Thanks</p>