Internet explorer IE7中的CSS倾斜变换

我正在尝试使用CSS查看表的标题。 它在IE9中工作正常，但在IE7中，头是倾斜的，但被剪裁了

这是小提琴

代码如下：

HTML:

我试过设置宽度，最小宽度，添加填充。。。但什么都不管用

---

此外，轮廓不会倾斜。如果有人也知道怎么做那就太好了

在这里检查浏览器支持我使用的是过滤器，因为IE7不支持CSS3。不幸的是，我不能使用第三方插件：（@DON 1）请更透彻地阅读问题2）请不要建议链接（）

<table>
    <thead>
        <tr>
            <th><p>ABD</p></th>
            <th><p>QWE</p></th>
        </tr>
    </thead>
</table>

table thead tr th {
    background: #ebf6fe;
    overflow: hidden;
    padding: 0.5em;
    white-space: nowrap;
    display: block;
    outline: 2px solid;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.9999999999999977, M21=0, M22=1, SizingMethod='auto expand');
}

table thead tr th p {
    writing-mode: tb-rl;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand');
    background-color: #ebf6fe;
}