css - jQueryベースのドロップダウンがFirefoxの外部にギャップを表示

Question

inputjQueryで非常にシンプルなオートコンプリートドロップダウンウィジェットを作成しました。これは要素に適用できます。うまく機能しますが、何らかの理由で、ドロップダウンリストinputにFirefox以外のブラウザ（IE、Safari、Chromeでテスト済み）のリストとの間にギャップが表示されます。

問題を示すために、これをjsFiddleでモックアップしましたが、すべてのブラウザーで正常に機能することがわかりました...それは「正規化されたCSS」オプションのチェックを外すまででした。その後、IEなどでギャップが再び現れましたが、Firefoxでは問題なく動作します。スクリーンショットは次のとおりです。

したがって、これは明らかにCSSの問題です。しかし、私は一生の間、問題がどこにあるのかを理解することはできません。私はjsFiddleを見て、normalize.cssそこからいくつかのことを試しました（主に、さまざまなセレクターのパディングとマージンを0pxに設定します）が、動作させることができません！すべてのブラウザでギャップがなくなるようにCSSを変更する方法について何かアイデアはありますか？

Answer 1

div.popup ulの上部マージンを0pxに設定するだけで、ギャップを取り除くことができました。

div.popup ul {
list-style: none;
background: red;
padding: 0px;
margin-top: 0px;
}