css - Css 和自动完成

Question

我在我的一个应用程序中使用自动完成插件，由自动完成插件创建的自动完成 div 具有属性Position: Absolute;。我的导航菜单中有一个下拉 div，其中有一个触发自动完成功能的输入字段。一切正常，除了当我将鼠标悬停在自动完成 div 上时。一旦我将鼠标悬停在自动完成 div 上，下拉 div 就会消失，因为它由以下 css 显示：

#nav li:hover > .subnav{
  display: block;
}

#nav .subnav {
  position:absolute;
  background:#fff;
  padding:10px;
  padding-right:15px;
  text-align:left;
  width:180px;
  border:1px solid #ccc;
  border-top:none;
  z-index:1200;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  display:none;
  margin:6px -1px;
}

这#nav是包含导航链接的 ul，.subnav是下拉 div。一旦用户将鼠标悬停在自动完成 div 上以选择条目，我不希望 .subnav div 消失。