由于firefox最新版本,css代码无法正常工作

时间:2012-04-05 09:05:50

标签: html css

我的编码问题在旧版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;
}

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

我认为您忘记#verti li height:2m;的属性不正确

正确

  #verti li
    {
    height:2em;

检查你的css ......