title: 'transform3d' not working with position: fixed children
body: <p>I have a situation where, in normal CSS circumstances, a fixed div would be positioned exactly where it is specified (<code>top:0px</code>, <code>left:0px</code>). </p>
  
  <p>This does not seem to be respected if I have a parent that has a translate3d transform. Am I not seeing something? I have tried other webkit-transform like style and transform origin options but had no luck.</p>
  
  <p>I have attached a <a href="http://jsfiddle.net/GMX5H/1/" rel="noreferrer">JSFiddle</a> with an example where I would have expected the yellow box be at the top corner of the page rather than inside of the container element.</p>
  
  <p>You can find below a simplified version of the fiddle:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#outer {
      position:relative; 
      -webkit-transform:translate3d(0px, 20px , 0px); 
      height: 300px; 
      border: 1px solid #5511FF; 
      padding: 10px;
      background: rgba(100,180,250, .8); 
      width: 80%;
  }
  #middle{
      position:relative; 
      border: 1px dotted #445511; 
      height: 300px; 
      padding: 5px;
      background: rgba(250,10,255, .6);
  }
  #inner {
      position: fixed; 
      top: 0px;
      box-shadow: 3px 3px 3px #333; 
      height: 20px; 
      left: 0px;
      background: rgba(200,180,80, .8); 
      margin: 5px; 
      padding: 5px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="container"&gt;
      Blue: Outer, &lt;br&gt;
      Purple: Middle&lt;br&gt;
      Yellow: Inner&lt;br&gt;
      &lt;div id="outer"&gt; 
          &lt;div id="middle"&gt;
              &lt;div id="inner"&gt;
                  Inner block
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can I make translate3d work with fixed-positioned children?</p>