Вертикальный поворот текста внутри ячейки заголовка таблицы HTML

Я использую следующий CSS для поворота текста внутри ячеек заголовка таблицы, но ячейки заголовка имеют такую ​​же ширину, как если бы текст был горизонтальным. Как я могу просто повернуть текст и ширина уменьшится автоматически ..

    table#MyTable tr th a{
    color: #FFFFFF;
    display: block;
    /*Firefox*/
    -moz-transform: rotate(-90deg);
    /*Safari*/
    -webkit-transform: rotate(-90deg);
    /*Opera*/
    -o-transform: rotate(-90deg);
    /*IE*/
    writing-mode: tb-rl;
    filter: flipv fliph;
    padding: 60px 1px;
}