rotate image in css for ie6

Question

i need to rotate image in css for ie6

is it possile

i tried Below code But none of Below is working

.image-box

{ 

-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

 ms-filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */

 -ms-filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */

 transform: rotate(180deg);

-moz-transform: rotate(180deg);

-webkit-transform: rotate(180deg);

-ms-transform: rotate(180deg);

  -sand-transform:  <rotate(180deg)>;


 }

please help!!!

Answer 1

You're not supposed to have a hyphen before non vendor specific CSS properties. Remove the hyphen from -filter: ...:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

Additionally, you might need to trigger hasLayout by adding overflow:auto or zoom:1 to your CSS. Here is a demonstration (I've tested this in IE7 using browserlabs).

Answer 2

IE6 has limited support, even from MS. You probably should use IE conditional comments to provide a different image or markup for IE6. Here's the MSDN article on these http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx