IE8只呈现jQuery CSS下拉菜单中的第一个类更改

Question

在http://www.scherer.nl/nieuw（/nieuw部分将在网站准备就绪时被删除）左侧的下拉子菜单在徘徊时应上移其背景图像结束，所以悬停的物品变成红色的iso橙子。
使用jQuery我正在使用toggleClass将类'悬停'添加到悬停的菜单项。
CSS使背景图像向上移动，显示它的红色部分。
这可以在任何浏览器中正常工作，但在IE8中，只有第一个悬停项目发生更改，并且鼠标悬停在其他项目上时不会更改。 当我将IE8设置为IE7兼容模式时，它确实起作用，但随后子菜单向右移动了一下，无论如何，我不想强​​制IE使用兼容模式。

我几天来一直在寻找这个问题的答案，所以也许这里的任何人都可以想到一个解决方案？

Answer 1

我发现当我为'悬停'类添加边框，填充或边距时，它也适用于IE8。 因此，当我将1 px右边距与IE8 CSS hack相结合时，就足够了。 不过，真正的解决方案会很好。