用于列表项之间分隔符的CSS

我有下面的HTML/CSS代码作为我玩过的列表，所以它在所有浏览器中看起来都一样

<div>
    <ul>  
        <li><a href='#'>Item 1</a></li>
        <li><a href='#'>Item 2</a></li>
        <li><a href='#'>Item 3</a></li>    
    </ul>
</div>

悬停时，列表项背景颜色变为灰色，每个分隔符前的顶部有一个2像素的白色间隙

我遇到的问题是在每个列表项的底部和顶部都有2个像素的间隙

---

有什么想法吗？

替换此页边距：

ul li {
    margin:0;
}

---

因为你定义了

margin:2px0在您的LI中。删除该
页边距

检查此项
@Tom:在ul li hover更新您的css

ul li:hover {
    background-color:#EEE;
    padding-top:2px; 
}

你可以在这里查一下

让我知道它是否是您想要的
请参阅下面的小提琴以获取代码和演示

小提琴：

演示：
我不确定我的问题是否清楚。。。我想要顶部和底部的2倍白色间隙…不确定我的问题是否清楚。。。我想要顶部和底部的2倍白色间隙。。。
ul li:hover {
    background-color:#EEE;
    padding-top:2px; 
}