CSS/javascript hover error in IE8 - fine in chrome etc

I have a strange error with a css/javascript hover script on all ie versions.开发者_运维知识库

The culprit is here: http://www.gardensandhomesdirect.co.uk

Underneath the main banner and the featured products area there are 3 'buttons', christmas, garden and home that have on-hover effects.

in firefox/chrome etc they are working fine and the hover goes over the original area as it should do. however in IE the hover moves the item over to the right?

Ive looked at the css and im not sure what isnt working from IE's point of view.

Any help on this is appreciated :)

Under the style for .hover-panel add:

left: 0;