rotate element using css in IE8 for -45deg

Question

I want to rotate an element in browsers including IE8. For all other browsers execpt IE8 I can do: <vendor>-transform: rotate(-45deg)

For IE8 I know I have to use -ms-filter: "progid:DXImageTransform.Microsoft.Matrix but I'm unsure what matrix manipulations to set. My matrix brain is kind of rusty.

Anyone?

Answer 1

You can use this matrix generator to help : http://www.boogdesign.com/examples/transforms/matrix-calculator.html

this one is as well very helpfull : http://www.useragentman.com/IETransformsTranslator/

Answer 2

This should do it:

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";