IE8 отображает только первое изменение класса в раскрывающемся меню jQuery CSS

Question

В http://www.scherer.nl/nieuw (часть /nieuw будет удалена, когда сайт будет готов), выпадающие подменю слева должны сдвинуть свое фоновое изображение при наведении на них, поэтому элемент, на который указывает объект, становится красным, т.е. оранжевый.
С помощью jQuery я использую toggleClass, чтобы добавить класс 'hover' к элементу меню hovered.
CSS заставляет фоновое изображение сместиться вверх, что показывает его красную часть.
Это прекрасно работает в любом браузере, но в IE8 изменяется только первый элемент наведения, и он не изменяется обратно, когда мышь находится над другим элементом. Когда я переключаю IE8 в режим совместимости с IE7, он работает, но затем подменю сдвигаются вправо и немного вниз, во всяком случае, я не хочу заставлять IE использовать режим совместимости.

Я искал ответ на эту проблему уже несколько дней, так что, может быть, кто-нибудь здесь может придумать решение?

Answer 1

Я обнаружил, что когда я добавляю рамку, отступ или поле к классу 'hover', он также работает в IE8.Поэтому, когда я комбинирую правое поле размером 1 пиксель с CSS-хаком IE8, это достаточно хорошо.Тем не менее, реальное решение было бы неплохо.