title: Extending position absolute div outside overflow hidden div
body: <p>I've haven't done css in several month so I might miss something simple, but whatever the solution is, I couldn't figure it out. So here is the problem.</p>
  
  <p>Here is simplified version of my code:</p>
  
  <pre><code>&lt;div id="wrapper" style="position: fixed; overflow: hidden; height: 100%; width: 200px;"&gt;
    &lt;div id="test" style="position: absolute; margin-left: -200px;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So basically, I need the inner div test to extend 200px to the left, outside of outer div wrapper. The problem is that my wrapper is overflow:hidden and it won't allow to go outside.
  I need it to stay overflow:hidden though, due to some js plugin I am using.</p>
  
  <p>So is there any workarounds? 
  Thanks</p>