垂直文字没有出现

Question

我有一个带有垂直文本的表，但我对文本转换并不熟悉，我无法让我的页面显示它。

这是我的css：

table.alt tr td.verticalText {
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);

    transform: rotate(-90deg);
    transform-origin: 20% 40%;

    height: auto;
    width: 2em;
    overflow: hidden;
}

HTML：http://sudrap.org/paste/text/393736/

当我用jsfiddle或codepen测试它时，我没有问题。但是当我用浏览器测试它时，文本不会显示。

我该如何解决这个问题？

编辑： 这是一个扩展的HTML：http://sudrap.org/paste/text/393777/ 并且css：http://sudrap.org/paste/text/393780/