title: Mobile (android & ios) browsers are ignoring overflow hidden on body, html, and container
body: <p>My site has a few overlays (lightboxes) and I need to prevent the page scrolling underneath them when they are open. So I use a bit of jQuery to add <code>overflow: hidden;</code> to <code>body</code>, <code>html</code>, <code>#page</code>. This works fine on desktop browsers but mobile browsers don't seem to follow the rules.</p>
  
  <p>My page structure is:</p>
  
  <pre><code>&lt;html&gt;
       ...
       &lt;body&gt;
            &lt;div id="page"&gt;
            ...
            &lt;/div&gt;
       &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My jQuery just puts the class on the three elements when a trigger is clicked. jQuery is working (applying the style) and I'm not getting any errors.</p>
  
  <p>is there a known bug and/or a known fix?</p>