title: "position: fixed" div is not fixed when parent rotates or translates
body: <p>A <code>div</code> with <code>"position: fixed"</code> is embedded into a parent <code>div</code>. When the parent rotates or translates, the child <code>div</code> moves also. </p>
  
  <p>Is it a bug? I expected the child <code>div</code> to remain fixed.</p>
  
  <p>HTML snippet:</p>
  
  <pre><code> &lt;div id="mask"&gt;
      &lt;div id="page"&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>See a repro at: <a href="http://jsfiddle.net/PseKK/">http://jsfiddle.net/PseKK/</a></p>
  
  <p>I know that I can fix it by applying the reverse transformation to the child <code>div</code> but for performance reasons in my real scenario, I am looking for a solution that doesn't involve extra-transformation.</p>
  
  <p>Any idea how to overcome?</p>