Hover CSS et JS - refresh manuel ?

Bonjour,

Je suis confronté à un problème de cohabitation JS/CSS sur le comportement du hover:
Voici une démo du problème: http://jsfiddle.net/N9SCr/

Au hover (CSS) sur le bouton, un block apparait.
Au click sur le bouton, je le redimensionne à une largeur de 0 en JS, théoriquement le pointer n'est plus en hover dessus, mais CSS ne fait pas le refresh sans mouvement de la souris après le click.

Y a t-il un moyen de forcer ce refresh?

Je sais que je pourrais setter une classe hover en JS et me passer du hover CSS pour résoudre mon problème, mais ce n'est pas ce qui m'intéresse dans le cas présent.

Merci d'avance :)

Prosthetiks

4 réponses

  1. salut,
    marche trés bien chez moi tu utilise quoi comme navigateur?
    0
    1. chrome 27. Si tu appuyes sur le bouton sans bouger la souris après (même pas d'un micro pixel), le second bloc devrait rester apparent.
      0