ul li元素在IE中比firefox有更多的空间

我正面临IE7和Firefox中的互操作性问题。 li元素的高度在IE中比Firefox多一些。 以下是附图,以便更清晰。 http://img225.imageshack.us/i/interop.jpg/ html和CSS的代码:
<ul class="sa-progress">
<li class="sa-progress-current"><span id="intro_idx" >Select VPN Type</span></li>
<li class="sa-progress-default"><span id="local_idx" >Local</span></li>
<li class="sa-progress-default"><span id="remote_idx" >Remote</span></li>
<li class="sa-progress-default"><span id="vpn_idx" >VPN</span></li>
<li class="sa-progress-default"><span id="remote_dyn_idx" >Remote Users</span></li>
<li class="sa-progress-default"><span id="traffic_idx" >Traffic Profile</span></li>
<li class="sa-progress-default"><span id="review_idx" >Review &amp; Commit</span></li>
</ul>

ul.sa-progress {
    color: #333333;
    line-height: normal;
    padding: 7px 0 10px 10px;
}
ul.sa-progress {
    font-size: 12px;
}
请让我知道这里缺少什么。 任何帮助将不胜感激。 谢谢     
已邀请:
ul / li是最常见的跨浏览器差异之一,因为它们对默认规则有不同的解释。 你应该考虑使用css重置表开始,例如: http://developer.yahoo.com/yui/3/cssreset/ 这将对您的格式应用一致的基本规则,以便所有浏览器都有匹配的公平机会。 因为你没有从这个重置样式表开始,然后在它上面构建你的设计,你可能会发现应用它会使其他几个元素在对新的默认值作出反应时会有所不同。我会说更好的解决这些因此他们看起来正确的重置表,然后你将有一个一致的基线工作。 在那之后你仍然可能有问题但是从你发布的css我认为还有一些更多的部分,比如你在一些菜单项中的双行间距。 如果你打算将它们变成菜单项,那么我采用这种样式的一种常用方法就是制作一个标签
display: block;
然后从中调整我的间距。尽量保持你的ul li样式尽可能轻,并与你拥有的其他项目一起使用(例如菜单的容器div和链接的锚标签)。     

要回复问题请先登录注册