Problemas com menu + JQuery

Galera mais uma vez estou pedindo a ajuda de quem puder... pois bem estou com os eguinte problema:

Exemplo de como está: http://www.profitnes.com.br/2008/ clique no menu produtos!

Tenho 2 DIVs... uma "menu" que engloba o quadrado no menu "PRODUTOS" e outra que é o "submenu" que pega o submenu inteiro.

Gostaria que ao mouseover no "menu" o "submenu" aparecesse, e ao mouseout sem passar por cima do "submenu" este desaparecesse. Até ai tudo bem, o problema esta quando o mouse esta em cima do "submenu"... ele não deveria desaparecer. Alguem pode me ajudar?

$(document).ready(

	function() {
 $("#submenu").hide();
 $("#submenu").css("left", $("#menu").offset().left-4);
 $("#submenu").css("top", $("#menu").offset().top+41);

 $("#menu").hover(
 function(){
 $("#submenu").show("slow");
 },
 function(){
 //$("#submenu").hide("slow");
 }
 );

 $("#submenu").mouseout(
 function(){
 $("#submenu").hide("slow");
 }
 );

	}

);