Блог

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

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

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