Задержка для выпадающего меню
 

Уже давно эта проблема раздражает, и все не получается ее решить!( Вроде все элементарно.. setTimeOut.. но куда не пихаю.. задержка не срабатывает либо вся конструкция нарушается!(
Собсно код:

jQuery(document).ready(function() {
	jQuery("#navigation li").each(function()
	{   
            jQuery(this).hover(function()
            {	
                       jQuery(this).find("ul:first").stop().css({
                             paddingTop:"8px",                              
                             height:"auto",
                             overflow:"hidden",
                             display:"none"
                       }).slideDown(500, function()
							 {
                       					jQuery(this).css({
                             			height:"auto",
                             			overflow:"visible"
                       					});
           					 });
                       
            },
            
           /* setTimeout(*/function()
            {	
                 jQuery(this).find('ul:first').stop().slideUp(500, function()
                 {	
                         jQuery(this).css({
                          	display:"none",
                          	overflow:"hidden"
                          });
                 });
            }/*,500)*/);	
	});
        
        jQuery("#navigation ul ").css({
            display: "none"}
         ); 
});

В чем может быть проблема?!

Ахринеть..
прекрасно все работать стало с .delay() после обновления jQuery до версии 1.4 ппц!(
стока времени убито.. ппц...