宽度不适用于垂直旋转的文本列

Question

我试图在表格列标题处制作垂直文字。我已经做到了，现在，我想让垂直文本的列更加薄，因为这些列只包含数字。出于这个原因，我试图减少该列的宽度，但是，它没有工作！我该如何解决这个问题？

Fiddle Link

一些Css：

table.myTable th.rotate-container {
    height: 80px;
    width: 30px;
    text-align: left;
    padding: 5px 5px;
}
table.myTable th.rotate-container > div {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    width: 80px;
}