Problème de mouseout

Bonjour, je travail depuis plusieurs heure pour faire fonctionner l'animation d'un menu. Le mouseover fonctionne très bien, mais pas le mouseout, et je n'arrive pas à comprendre pourquoi. Est-ce que quelqu'un pourrait m'aider?
Voici l'exemple : http://robinfaucher.com/jQuery/

Voici le code :

$(document).ready(function(){  
      
	  
        //When mouse rolls over  
        $("li").mouseover(function(){  
            $(".menu ul").stop().animate({height:'150px'},{queue:false, duration:500, easing: 'easeInBounce'})  
        });  
      
        //When mouse is removed  
        $("li").mouseout(function(){  
            $(".cssmenu li ul").stop().animate({height:'10px'},{queue:false, duration:500, easing: 'easeOutBounce'})  
        });  
      
    }); 

$(".menu ul") ? $(".cssmenu li ul") ?

Comme je sais pas a quoi ca correespond, je dirais que ca vient de la, mais j'en suis pas sur, je connais pas ton HTML

Peut être l'event mouseout pose problème ? as tu essayé le mouseleave ?

Effectivement, le cas d'un menu correspond généralement plutôt à un mouseenter/mouseleave plutôt qu'à un mouseover/mouseout

La différence dans la démo ici: http://api.jquery.com/mouseover/