CSS在IE中不工作时旋转

我有一个自定义Wordpress主题，在帖子左侧垂直显示帖子的日期：

这是我用来实现它的CSS代码：

.datebox {
background-color: #371f13;
padding: 0;
position: absolute;
height: 20px;
width: 100px;
z-index: 10;
text-align: center;
left: 280px;
top: 25px;
/* Safari */
 -webkit-transform: rotate(-90deg);
 /* Firefox */
 -moz-transform: rotate(-90deg);
/* IE */
 -ms-transform: rotate(-90deg);
/* Opera */
    -o-transform: rotate(-90deg);
 /* Internet Explorer */
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

在IE8中（由IE 10的调试控制台呈现），长方体不能正确旋转：

客户报告说日期实际上完全颠倒了（我假设她使用的是IE8，但我还不确定）

我做错了什么？

尝试使用以下方法：

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');

---

CSS转换只在IE9和更高版本中工作：

客户端报告使用了IE9，结果发现她的IE9（可能在兼容模式下运行）同时呈现CSS和MS过滤器

---

我将MS过滤器移动到一个IE8特定的样式表，这解决了这两个问题。但是，出于某种原因，我不得不调整IE8版本中的顶部和左侧设置。

这是代码中工作不正常的部分：filter:progid:DXImageTransform.Microsoft.BasicImage（rotation=3）；不，你不能有两个不同的版本，这让人很恼火。我在Mac电脑上工作，但我有一台运行Windows8的PC笔记本电脑，还有运行Windows7和WindowsXP的并行电脑。我用XP来测试IE7（尽管我正在远离它），用Win7来测试IE9。IE8刚刚从裂缝中跌落，我不买Vista。我也有IE8，但那是不可靠的。