title: Chrome position:fixed inside position:absolute breaking with iframe / video
body: <p>I've spent 2 hours on this crazy bug on one of my websites which has huge amount of content, until I figured what was causing the issue; On Chrome it appears that <strong>position:fixed</strong> element inside a <strong>position:absolute</strong> element (which has a z-index) would not work like a <strong>position:fixed</strong> element would. </p>
  
  <p><hr>
  Note - <strong>only</strong> on <em>Chrome windows</em> (not on ubuntu).
  <hr>
  I want to post this question and my answer so others won't get frustrated from Chrome and it's crazy bugs. see demo:</p>
  
  <p><strong>TEST PAGE: <a href="http://jsbin.com/uhuzoy/2/edit">http://jsbin.com/uhuzoy/2/edit</a></strong></p>