центрирование повернутого текста

[SnowCatcher]

добрый день! делаю выплывающее боковое меню. поворот его заголовка с помощью css делается так

.boxRotateLeft{
  -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(270deg);  /* FF3.5+ */
      -ms-transform: rotate(270deg);  /* IE9 */
       -o-transform: rotate(270deg);  /* Opera 10.5 */
          transform: rotate(270deg);  
               zoom: 1;
    display:block;
}

вопрос: как отцентрировать этот текст по-вертикали? дело в том, что для разных языков высота будет разная. вариант с картинками мне не подходит

вот еще сама разметка

<div id="hide" style="float:left;">
  <img src="img/hide.png">
  <span class="boxRotateLeft">hide</span>
</div>

Edited September 9, 2011 by SnowCatcher

[Softlink]

вот на что хватило меня

огромное спасибо. поправил только

.boxRotateLeft{
  -webkit-transform-origin:30px 30px;
  -moz-transform-origin: 30px 30px;
  -o-transform-origin:30px 30px;
  -ms-transform-origin:30px 30px;
  transform-origin:30px 30px;
  width:20px;
}

вёрстка не едет, всё идеально!

там если подготовить заранее картинку(повернуть ее), то rotate для img можно опустить вовсе