transitions not animating in IE

[DigitalEternal]

Hi Guys,

So Im working on a menu an surprise surprise Im having some issues with IE compatibility, The problem being that the transitions Im using arent actually animating, it goes through the paces but there is no smooth animation it just appears at the final size and location.

I have this in the elements class

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;

and this in the hover

color: #3797f9;
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
-ms-transform:scale(1.8);
left: 65px;


It all works fine in firefox, chrome, opera and safari but in IE theres no animation at all.

Any thoughts?

[rtrethewey]

Microsoft is adding support for CSS transitions in Internet Explorer 10 due out later this year. For older versions you have to rely on the filter: methods.

[DigitalEternal]

Im so sick of IE, wish we could find a way to do away with it all together.