css vertikalen Text funktioniert nicht

Question

Ich versuche, etwas Text zu stylen, um vertikal zu sein. Hier ist mein CSS:

h2.verticle{ 
color:#1a6455; 
border:0px solid red; 
writing-mode:tb-rl; 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
-webkit-transform:rotate(90deg); 
-moz-transform:rotate(90deg); 
-o-transform: rotate(90deg); 
white-space:nowrap; 
display:block; 
bottom:0; 
width:20px; 
height:20px; 
font-size:20px; 
font-weight:normal; 
border:none !important;} 

es funktioniert gut in allen Browsern außer IE. Ich habe den Code von hier verwendet: http://scottgale.com/blog/css-vertical-text/2010/03/01/

und habe diese Website auf der gleichen Version von IE getestet und es scheint zu funktionieren.

irgendwelche Ideen, was könnte los sein?

Answer 1

versuchen, diese Version:

<style> 
.verticaltext 
    { 
     writing-mode: tb-rl; 
     filter: flipv fliph; 
    } 
</style> 

<div class="verticaltext"> 
    Test-1</div> 
<div class="title"> 

und dies ist die Version der Website http://scottgale.com/blog/css-vertical-text/2010/03/01/

vertical-text { 
-moz-transform: rotate(90deg); 
border: 0 solid red; 
bottom: 0; 
color: #333333; 
display: block; 
font-family: ‘Trebuchet MS’,Helvetica,sans-serif; 
font-size: 24px; 
font-weight: normal; 
height: 20px; 
text-shadow: 0 0 1px #333333; 
white-space: nowrap; 
width: 20px; 
}