[jQuery] menu a tendina

[techno]

salve avrei bisogno di un vostro aiuto.

Di solito nei miei lavori non faccio menu a tendina non le amo molto ma un cliente me lo ha chiesto e lo devo fare per forza.
Ho questo codice:

javascript:

function closemenu(menu){
	
	if(menu){
		if($("ul.s" + menu).is(":visible")){
			$("ul.s" + menu).hover(function(){
			}, function(){
				$("ul.s" + menu).slideUp("fast", function(){
					$("ul.s" + menu + ">li").remove();
					$("li#" + menu + ">a").removeClass("menucaton").addClass("menucat");
				});
			});
		}
	}else{
		
	}
}

css:

ul.menucat { margin:0; padding:0; list-style:none; line-height:30px; }
ul.menucat>li { position:relative; float:left; background-color:#006; margin:10px 5px 0px 10px; border-radius:5px 5px 0px 0px; -mox-border-radius:5px 5px 0px 0px; display:block; }
ul.menucat>li>ul { position:absolute; min-width:200px; margin:0; padding:5px; line-height:normal; list-style:none; z-index:10; background:url(../images/page/background/bgSubMenuCat.png) repeat; display:none; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; text-align:left; }
ul.menucat li ul li { margin-bottom:5px; }

html:

<ul class="menucat">
<li id="m0" onmouseout="closemenu('m0')">Il Santuario
<ul class="sm0">[/list]

<li id="m1" onmouseout="closemenu('m1')">Don Salvatore Vitale
<ul class="sm1">[/list]

<li id="m2" onmouseout="closemenu('m2')">La Piccola Casetta di Nazareth
<ul class="sm2">[/list]
[/list]

Il problema sorge quando devo chiudere la tendina io ho messo un evento nei[*] principali che contengono al suo interno anche la tendina.
Ora spostandomi con il mouse sulla tendina si chiude e fin qui tutto ok ma si dovrebbe chiudere anche spostando il mouse sui link che aprono le tendine ed invece non le chiude.
Dove sbaglio????

[techno]

nessuno mi sa dare una mano???