dximagetransform.matrix, coloca absolutamente elementos secundarios que no giran en el modo estándar IE 8
He buscado más información sobre esto y me gustaría saber por qué sucede.
Aquí está el 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>
El problema es que los elementos posicionados absoluta o relativamente dentro de un div que se ha rotado utilizando dximagetransform.matrix de MS no heredan la transformación en IE 8.
IE 6 y 7 se procesan correctamente, y puedo resolver el problema de IE8 activando el modo de compatibilidad, pero prefiero no hacerlo. ¿Alguien tiene alguna experiencia con esto? Estoy usando css3 transform en otros navegadores y uso dximagetransform.matrix para lograr este efecto en IE.
EDITAR: se agregó la etiqueta html de apertura. El problema aún existe.
