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

Question

我正在尝试在表格列标题处制作垂直文本。我做到了，现在，我想让垂直文本的列更薄，因为这些列只包含数字。出于这个原因，我试图减小该列（th）的宽度，但是它没有用！我怎样才能解决这个问题？

小提琴链接

一些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;
}