Rotating a display block seems impossible for IE 8 and lower

ok, here is the thing... I am trying to rotate a corner of a box to highlight "coming soon".

Done - just used transform: rotate(-45deg) in css and it worked like a charm... Enter IE8 and below... In the right spot but it will not rotate. Fine, was prepared for this so I started to play with a few options. Here is what I did so far:

• I tried -ms- transform:... but that did not work.
• Another method I read online was to use -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";

but no luck... I have set up a fiddle if someone can give me an idea of what I am doing wrong here, https://jsfiddle.net/pmsquillace/fk41af5k/, it would be a great help.

thanks,