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

我在jQuery中创建了一个非常简单的自动完成下拉小部件，您可以将其应用于

input

元素。它工作得很好，但出于某种原因，下拉列表显示了

输入

与Firefox以外浏览器中的列表之间的差距（在IE、Safari和Chrome中测试）

为了演示这个问题，我在中对其进行了模拟，结果发现它在所有浏览器中都运行良好。。。直到我取消选中“规范化CSS”选项。然后这个差距又出现在IE等中，但在Firefox中仍然可以正常工作。以下是一个屏幕截图：

---

因此，这显然是一个CSS问题。然而，我一辈子都无法找出问题所在。我已经看过JSFIDLE的

normalize.css

，并尝试了一些方法（主要是将各种选择器的填充和边距设置为0px），但我无法让它工作！有没有关于如何更改CSS以便在所有浏览器中消除差距的想法？

我只需将div.popup ul上的上边距设置为0px，就可以消除差距

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

---

我只需将div.popup ul上的上边距设置为0px，就可以消除这个差距

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