html - 由于 Firefox 最新版本，css 代码无法正常工作

Question

我的编码有问题，在旧版本的 Firefox 上运行良好。当我更新到 Firefox 3.6 时，我的垂直菜单的第一个列表比另一个列表大。

这是我的 CSS 代码；

#verti 
{
float:bottom;
width:300px;
margin-top:50px;
position:relative;
}

#verti ul li
{
position:relative;  
list-style:none;
} 

#verti ul
{
padding:0;
margin:0;
}

#verti li
{
height:2m;
width:9em;
background:#38ACEC;
margin-bottom:9px;
position:relative;
top:170px;
-moz-border-radius:80px;
border-radius:80px;
text-align:center;
}

Answer 1

看看http://jsfiddle.net/wZABk/。我已经删除了 top:170px;。

Answer 2

我想你忘记的属性 #verti li height:2m;是不正确的

正确的是

  #verti li
    {
    height:2em;

检查你的CSS ...