css下拉菜单 - 编程论坛

在firefox下通过

程序代码：

<html>
    <head>
    <title>tt</title>
    <style>
#menulist li a:link ,#menulist li a:visited
{
    width:100px;
    height:20px;
    color:#3b5998;
    line-height:20px;
    text-decoration:none;
}
#menulist li
{
    width:100px;
    list-style:none;
    background:#ffff77;
    color:#3b5998;
    text-align:center;
    border:1px solid red;
}
#menulist li:hover a
{
    width:100px;
    color:red;
}
#menulist li ul
{
    display:none;
}
#menulist li:hover ul {
    display:block;
    position:absolute;
    top:30px;
    width:100px;
    background:blue;
    padding:0px;
    margin-left:-1;
}
#menulist li:hover ul li
{
    display:block;
    background:red;
    list-style:none;
    padding-left:0px;
}
#menulist li:hover ul li a
{
    height:20px;
    display:block;
    background:yellowgreen;
    list-style:none;
    color:red;
}
#menulist li:hover ul li a:hover
{
    height:20px;
    top:50px;
    background:#000;
    list-style:none;
}

    </style>
    </head>
    <body>
    <ul id="menulist">
        <li>
        <a href="#">menu</a>
        <ul>
        <li><a href=#>1</a></li>
        <li><a href=#>2</a></li>
        </ul>
        </li>
    </ul>
    </body>
</html>