I'm looking for a way to adjust the positioning of rotated text, which is used in my EuphoriaNIC theme based on Euphoria.

Apparently the x,y-positioning of the rotated text depends on the string length, which may lead to problems when it comes to multilingual setups. I have attached two pictures showing the effect for the "hover for menu"-label:

The CSS-code in "views/default/euphorianic/css.php" is:

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

An ugly but -at least for me- working solution would be to padd the translated strings with blanks, but i know you can do better.. ;)

Does anybody know a way to adjust the position by means of proper CSS-coding?