странное поведение при изменении цвета ссылки при наведении на родительский элемент списка

Question

Мою проблему можно увидеть здесь - http://jsfiddle.net/aBSyH/3/

Я использую замену текста cufon и думаю, что это является источником проблемы.

Цвет ссылки должен измениться, когда вы наводите курсори из элемента списка и его содержимого.Но ведет себя довольно странно.Иногда он меняется на синий, но обычно остается красным.

Кажется, что-то не так с использованием текста cufon и селектора вроде -

li.mainmenu:hover a {
    color:red;   
}

Текст cufon не возвращается к своему оригиналуцвет, когда мышь покидает область наведения ли.

Есть идеи, почему?

Я бы предпочел исправить проблему, не добавляя javascript (кроме изменения кода инициализации cufon).

Answer 1

Этот пост предлагает объяснение вашей проблемы. В вашем случае

    Cufon.replace('li>a>li', {        
          hover: true
    });

исправляет проблему.

Answer 2

Марджин указал мне правильное направление, и если бы я мог снова проголосовать за его ответ, я бы сделал это.

Я действительно должен был прочитать инструкции для начала - https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10

Вот как я это исправил -

Cufon.replace('ul#onesite_navigation > li', {
    hover: true,
    hoverables: { li: true },
    ignore: { ul: true },
    textless: { li: true }
});