用jquery写了个菜单，ie7和ie9下显示的不一样啊！

比如鼠标移入一个<li>文件</li>时，在这个li下添加一个div，div里还有<a><img>等元素。当鼠标移开这个<li>时，div的display设为none。html元素如下所示<li>
  <div>
    <a>
    </a>
    <img>
    </img>
  </div>
</li>在ie9下因为div，a，img都是li的子元素。所以鼠标即使离开li，只要没离开div，a，img这些子元素，都不会触发hover的离开事件。但是在ie7下，鼠标只要移开li，就会触发li里的hover离开事件。请问有什么解决方法，如果判断鼠标离开div行不行，但是这样的话，该怎么写呢？下面的写法肯定不行，因为hover的对象是div，直接在它的函数里删除div也不行啊
 $('div[class=navigationDropmenudiv]',self.element).hover(function(){},function(){
$('div[class=navigationDropmenudiv]',self.element).remove();
   });