title: Hover element with negative translateZ in chrome
body: <p>Im using following markup</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="item1"&gt;&lt;/div&gt;
      &lt;div class="item2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.container{
      perspective: 800px;
      transform-style: preserve-3d;
  }
  .item1{
      transform: translate3d(0, 0, -100px);
  }
  .item2{
      transform: translate3d(50px, 50px, -200px);
  }
  </code></pre>
  
  <p>And when hover some item, hovered element become body, not container. Why..?</p>
  
  <p><a href="http://jsfiddle.net/6mtzydha/" rel="nofollow">http://jsfiddle.net/6mtzydha/</a></p>