CSS transform translate Internet Explorer Issue

Hi,

Having an issue with translating (animation) a png photo object across the screen in IE. I speculate that it may be something to do with IE object origin positioning and how percentages are handled (or not as the case may be).

Here is a link to a very simple test page which works in FF and chrome but not IE.

CSS animation example

Can anyone yield the correct code for it to behave properly in IE?

Many thanks,

Psy