js怎么添加hover事件的触发条件？

$(function(){

$("div#container ul.sub ul").parent().append("<em></em>");

$('div#container ul').closest('li').hover(function(){

//if ($(this).children("a.link").hasClass("active")){return false;};

$(this).find("a.link").addClass("hover");

$(this).children("ul").stop(true,true).slideDown('fast').show();

$("div#container ul>li").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")});

},function(){$(this).find("a.link").removeClass("hover");$(this).children("ul").stop(true,true).hide();});

});

这是一段导航条下拉菜单的JS代码，作用是鼠标指到container这个DIV下的ul.li上的时候弹出下拉菜单，鼠标离开导航或下拉菜单时缩回下拉菜单。
现在问题是container和下拉菜单中隔了一条在container下ID为buoy的DIV，鼠标指上这块div时导航就会缩回去，求教怎么让鼠标离开导航按钮进入buoy时导航不缩回去。。谢谢！
------解决方案--------------------
给你说个简单的方法 楼主  ，你把要下拉的DIV放在 对应的菜单中比如<li>滑上来下拉<div>我是下拉框</div></li>定位用绝对定位DIV  ，，再同jquery hover就OK了