title: CSS3 3D Transform doesn't work on IE11
body: <p>I'm trying to build a cube with CSS3 3D Transform..</p>
  
  <p>For this example I have only 2 faces :</p>
  
  <pre><code>&lt;section id="header-cube-container"&gt;
      &lt;div id="header-cube"&gt;
          &lt;figure&gt;&lt;/figure&gt;
          &lt;figure&gt;&lt;/figure&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>With every other browser I get a good result, but it's weird with IE 11.</p>
  
  <p>I have a good 3D translate and rotate on the green face (1), but the red face (2) perpendicular doesn't display in 3D. It's only the projection of the red face on the green face. </p>
  
  <p><img src="https://i.stack.imgur.com/jPX84.png" alt="Result on Chrome and IE"></p>
  
  <p>You can see the result on this <a href="http://jsfiddle.net/TTDH7/16/" rel="nofollow noreferrer">fiddle</a>. </p>
  
  <p>PS : I make a rotation of 100deg and not 90 to see the projection of the red face on the green face (if the angle was 90, the projection isn't visible).</p>
  
  <p>Thank you all!</p>