title: Overflow-x: hidden do not work
body: <p>I have a problem with oveflow-x in my page. Althought the body has overflow-x hidden, I can still scroll on the page.</p>
  
  <pre><code> &lt;html&gt;
      &lt;body&gt;
         &lt;div id="content"&gt;
            &lt;div id="mydiv"&gt;&lt;/div&gt;
         &lt;div&gt;
      &lt;/body&gt; 
   &lt;/html&gt;
  </code></pre>
  
  <p><code>html</code> and <code>body</code> have <code>overflow-x:hidden</code>. 
  Div "content" has nothing in the css and div "myDiv" has position absolute.
  How can I make the "mydiv" not to go out of the page? Because now what happens is that I can still scroll on x.</p>
  
  <p>Fiddle > <a href="http://jsfiddle.net/o7dph6sj" rel="nofollow">http://jsfiddle.net/o7dph6sj</a> </p>