CODEWITHSUNDEEP
htmlcss
ksa
ksa

Reputation: 331

css code not working because of firefox latest version

I have a problem in my coding which was working fine with an older version of Firefox. When I updated to Firefox 3.6 my vertical menu's first list is bigger than the other list.

Here is my CSS code;

#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;
}

Upvotes: 0

Views: 156

Answers (2)

Apolo Reader
Apolo Reader

Reputation: 59

Have a look at http://jsfiddle.net/wZABk/ . I have removed top:170px;.

Upvotes: 2

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32202

I think you forget properties of #verti li height:2m; is not correct

correct is 

  #verti li
    {
    height:2em;

Check to your css ...

Upvotes: 1

Related Questions