css - CSS とオートコンプリート

Question

アプリケーションの 1 つでオートコンプリート プラグインを使用していますが、オートコンプリート プラグインによって作成されているオートコンプリート div にはプロパティがありますPosition: Absolute;。ナビゲーション メニューにドロップダウン div があり、オート コンプリート機能をトリガーする入力フィールドがあります。オートコンプリート div にカーソルを合わせるときを除いて、すべて正常に動作します。オートコンプリート div にカーソルを合わせるとすぐに、次の css によって表示されているため、ドロップダウン div が消えます。

#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 が消えないようにしたくありません。