title: Overflow hidden bug: Mobile browser
body: <p>The HTML renders well in desktop but in mobile browser (iOS, Blackberry), there's no scroller for #child.</p>
  
  <p>Is there any workaround for this?</p>
  
  <p><a href="http://jsfiddle.net/t9y99/" rel="nofollow">http://jsfiddle.net/t9y99/</a></p>
  
  <pre><code>&lt;div id='parent' style='width:300px; height:200px; overflow:hidden;'&gt;
     &lt;div id='child' style='width:300px; height:200px; overflow:auto;'&gt;
      &lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;
      &lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;
      &lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;
      &lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;&lt;h1&gt;Test&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>