title: Using CSS transform scale breaks position:fixed
body: <p>I am experiencing an odd issue and am wondering if it's a bug in the rendering engines - it occurs in WebKit and also Firefox that I've tested.</p>
  
  <p>If you have a <code>div</code> that's fixed on the page and you add another <code>div</code> inside it and also set it to be fixed (to obtain a fixed header within a fixed popup), you can ensure that the header will remain visible even when the user scrolls the popup. Unless you set <code>transform</code> <code>scale</code> on the popup - doing that will break <code>position:fixed</code> and cause it to no longer fix to the top of the parent <code>div</code> and instead it will scroll along with the content. Is that expected behavior - how can I work around that?</p>
  
  <p><a href="http://jsfiddle.net/caw0veqo/3/" rel="nofollow">JSFiddle</a></p>