创建垂直HTML/CSS菜单，我想删除<；李>；顶部填充（以FF和IE显示）

我正在使用HTML和CSS为一个库OPAC创建一个导航菜单。每个li项中似乎都有不需要的顶部填充，这会导致菜单中的项之间出现持续的间隙。这在最新的firefox和IE9中都可见

我的HTML是：

<div class="menu_div">
<ul>
<li id="mainnav">Find Information</li>
<li><a href="#">Catalogue</a></li>
<li><a href="#">Databases</a></li>
<li><a href="#">Guides</a></li?
</ul>
</div>

屏幕截图显示了我所说的两项之间的“差距”（光标悬停在第二项上）：

---

任何帮助都将不胜感激。

这很可能是由于设置了行高，这通常是从列表周围的代码中继承的。尝试追加

行高：1em编码到每个元素的CSS中，以删除额外的间距

编辑：如果您查看位于此处的JSFIDLE：没有间距，因为没有继承的线高度。
感谢您的回复。不幸的是，这根本没有帮助。它“压缩”整个导航，但仍不能消除间隙。应用线条高度后，我截取了一个屏幕截图：您是否使用过任何浏览器开发工具来查看它是否实际上是填充，或者可能是边距？可能还有另一个更具体的CSS规则覆盖了您想要的规则。谢谢，我刚刚用开发工具看了一下。似乎没有任何东西会以任何方式增加填充或额外的间距。Firefox开发工具：rgb（0,0,0）显示：块字体系列：Arial，Helvetica，sans serif字体大小：13px线条高度：20px列表样式图像：无列表样式位置：外部列表样式类型：无文本装饰：无文本缩进：10px-moz文本闪烁：无-moz文本装饰颜色：rgb（0,0,0）-moz文本装饰线：无-moz文本装饰样式：实心。萤火虫也是这样。开发工具还确认边距、边框和填充都为0。思想？
.menu_div ul
{
padding:0px;
margin:0px;
padding-top: 0px;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
list-style:none;
text-indent:10px;
color:#000000;
}

.menu_div ul li
{
padding:0px;
margin:0px;
padding-top: 0px;
margin-top: 0px;
list-style:none;
background:#CCC;
line-height:20px;
border-bottom:1px solid #333;
color:#000000;
}

.menu_div ul li a
{
padding:0px;
margin:0px;
padding-top: 0px;
margin-top: 0px;
text-decoration:none;
color:#FFF;
display:block;
color:#000000;
}

.menu_div ul li a:hover
{
background: #293895;
color:#FFFFFF;
}

.menu_div ul li#mainnav
{
background:#293895;
font-weight:bold;
color:#FFFFFF;
}