为什么这个元素旋转不起作用？

Question

为什么这个元素旋转不起作用？

rob*_*rob 7 html css rotation internet-explorer-8

我正在尝试在IE8中旋转文本.根据这个答案,应该可以旋转一个元素,如下例所示:

<!DOCTYPE html>
<html>
<head>
    <style>
        #enclosing {
            width: 20px;
            height: 100px;
            border: 1px solid;
        }

        #rotated {
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17, SizingMethod='auto expand')";
            width: 100px;
        }
    </style>
</head>

<body>
    <div id="enclosing">
        <p id="rotated">rotated</p>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

(从这台发电机获得数字)

如果我使用开发工具检查p元素,我可以看到它以某种方式受到影响,因为显示所选元素的蓝色边框正确旋转(但实际元素未旋转),请参见下图.

使用开发工具进行预测