dximagetransform.matrix, posiciona absolutamente os elementos filho não rotativos no modo de padrões do IE 8
Procurei em todo o lado mais informações sobre isso e gostaria de saber por que isso acontece.
Aqui está o código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<div style="position:absolute; top:200px; left:200px; height:200px; width:200px; border:1px solid black; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9886188373396114, M12=-0.15044199698646263, M21=0.15044199698646263, M22=0.9886188373396114);">
<div style="position:absolute; top:10px; left:10px; border:1px solid darkblue;">
I do not rotate in IE 8.
</div>
</div>
</body>
</html>
O problema é que elementos absolutamente ou relativamente posicionados em uma div que foi rotacionada usando o dximagetransform.matrix do MS não herdam a transformação no IE 8.
O IE 6 e 7 são renderizados corretamente e posso resolver o problema do IE8 acionando o modo de compatibilidade, mas prefiro não fazer isso. Alguém tem alguma experiência com isto? Estou usando css3 transform em outros navegadores e usando dximagetransform.matrix para obter esse efeito no IE.
EDIT: adicionada a tag html de abertura. Problema ainda existe.
