基于jQuery的下拉列表显示Firefox之外的差距

Question

我在jQuery中创建了一个非常简单的自动完成下拉窗口小部件，您可以将其应用于input元素。它工作得很好，但出于某种原因，下拉列表显示了input和除Firefox以外的浏览器中的列表之间的差距（在IE，Safari和Chrome中测试过）。

我在jsFiddle中嘲笑了这个，以证明问题，但发现它在所有浏览器中都运行良好......直到我取消了“Normalized 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;
}