This is really blowing my mind right now!
span.verti{
-moz-transform: rotate(-90deg); /* FF3.5+ */
-o-transform: rotate(-90deg); /* Opera 10.5 */
-webkit-transform: rotate(-90deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE6,IE7 */
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
writing-mode:lr-bt;
-ms-writing-mode:lr-bt;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
opacity:1 !important;
}
Image example in firefox: http://accelerateonline.net/work/ghai/images/firefoxscreenshot.png
Image example in IE 9: http://accelerateonline.net/work/ghai/images/fullscreenshot.png
Hard to tell without the code.
IE does have a proprietary piece of code for rotation:
rotation=1Content is rotated 90 degrees.rotation=2Content is rotated 180 degrees.rotation=3Content is rotated 270 degrees.Might work?