Estou tentando construir um cubo com CSS3 3D Transform ..

Neste exemplo, tenho apenas 2 faces:

<section id="header-cube-container">
    <div id="header-cube">
        <figure></figure>
        <figure></figure>
    </div>
</section>

Com todos os outros navegadores, obtive um bom resultado, mas é estranho no IE 11.

Tenho uma boa conversão 3D e giro na face verde (1), mas a face vermelha (2) perpendicular não é exibida em 3D. É apenas a projeção do rosto vermelho no rosto verde.

Você pode ver o resultado nesteviolino.

PS: Eu faço uma rotação de 100deg e não de 90 para ver a projeção da face vermelha na face verde (se o ângulo era 90, a projeção não é visível).

Obrigado a todos!