div not rotating in ie

[freelance84]

Rotating a div

 

I got the tutorial from http://snook.ca/archives/html_and_css/css-text-rotation

 

Bacisally i've got it working in ff chrome opera..... but not ie.

 

Here's my css:

.progress_percent{
display: block;

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);

-o-transform: rotate(-90deg) translate(7px,0px);

position:relative;
font-size: 8pt;
white-space: nowrap;
margin-top: 16em;
margin-right: 0.2em;
}

 

The div i am applying it to is as the following:

<div class="navigation">
<div class="navigation_content"></div>
<div class="navigation_progress_bar" style="height:9%"></div>
<div class="progress_percent">9% complete</div>
</div>

[haku]

From that article (referring to IE's filter):

 

The rotation property of the BasicImage filter can accept one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degress respectively.

[freelance84]

Erm, i don't know how i missed that. I gave up eventually and built in a workaround for ie.

That's embarrassing!

 

But thanks.