Cufon - problème avec les effets de survol et active les éléments de menu

J'ai créé un menu en utilisant les polices cufon.

J'ai décidé d'appliquer les styles suivants sur les éléments de menu:

  • normal : gris la couleur de texte
  • hover : noir couleur du texte
  • active : rouge couleur du texte

Le problème est que le curseur de la (rouge) élément de menu actif, a la suite de tourner dos de couleur grise (et la faire ressembler à toutes les autres "normal" dans le menu). Je ne comprends pas pourquoi, pouvez-vous m'aider à résoudre ce problème?

Ici est l'actuel cufon configuration:

Cufon.replace('ul#mainmenu li > a', {
    color: '#868686',
    fontFamily: 'pfbeau',
    fontSize: '15px',
    textShadow: '0 2px 0.1em #fff',
    hover: {
        color: '#3e3e3e'
    }
});
Cufon.replace('ul#mainmenu li.active > a', {
    color: '#af1217',
    fontFamily: 'pfbeau',
    fontSize: '15px',
    textShadow: '0 2px 0.1em #fff',
    hover: false
});

OriginalL'auteur zekia | 2011-02-21