title: Overflow:hidden can't scroll in div
body: <p>I can't scroll vertical in the div when I set overflow:hidden to it. 
  I don't understand why.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="s"&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
  &lt;p&gt;lorem ispum&lt;br/&gt;&lt;/p&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> .s{
          overflow:hidden;
          height:200px;
          border:1px solid red;
      }
      body{
          height:100%;
      }
  </code></pre>
  
  <p>I make a test JsFiddle to show the error.</p>
  
  <p><a href="http://jsfiddle.net/ccrhpbp5/" rel="nofollow">JsFiddle</a></p>
  
  <p><strong>Update:</strong></p>
  
  <p>I need to hide the scrollbar, but i can't scroll if it's hidden.</p>