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

Question

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 :)

Answer 1

Under the style for .hover-panel add:

left: 0;