IE8 issue

[kzoon]

I'm positioning the legend on chart load event. See http://jsfiddle.net/kzoon/fhTA5/9/
This works fine on IE9, Chrome and IE9, but in IE8 and below the legend is rendered in it's original position (bottom).

Can anyone tell me:

What part of my code doesn't work in IE8?
Is ther ea way to make it work?

[Fusher]

Because you are using SVG attribute. In IE<9 VML is using instead.
It's recomended to use : http://www.highcharts.com/ref/#legend--align and http://www.highcharts.com/ref/#legend--verticalAlign

[kzoon]

I guess there is not an easy-to-use equivalent in VML?

I was using transform-translate because align and vertical align can't align the legend to the plotTop http://highslide.com/forum/viewtopic.php?f=9&t=15197

[hfrntt]

But you can use floating legend (http://www.highcharts.com/ref/#legend--floating) and then set position in pixels, see: http://jsfiddle.net/fhTA5/11/