Problemas com menu + JQuery

[Gestat 0]

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");
			}
		);
		
	}

);

[micox 2]

Não quer tentar um menu mais normal não? Chapadão, simples.