Text rotation in IE 9
- by John Bowden
Hi there I'm attempting to rotate a piece of text on its end within a div using the following different methods.
writing-mode: tb-rl;
filter: FlipH FlipV;
and:
-ms-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, sizingMethod='auto expand');
Although the text rotates properly in all browsers using either method and even IE all the way up to and including 8. IE 9 produces a horrid pixelated text which is nigh unreadable.
Alongside this, IE9 also subtly breaks the layout of various pieces in the application which could be part of the same underlying problem perhaps.
If anyone knows a way around this I would be most appreciative.
John