修改的CSS下拉菜单代码

有人能告诉我一个简单的CSS下拉菜单代码吗？在格式化部门，我发现的一切似乎都过于活跃，通常是一个水平列表，这不是我想要的

这是我的导航栏，我希望最后5个链接（服装、艺术印刷品、画册、电影、交易）在悬停在“画廊”链接上时从中下拉，在onmouseout时消失。基本上是从“画廊”这个词垂直推出。这些都是hashchange链接，由类和段落ID格式化

有人能提供一个足够简单的代码来实现这一点吗？一些webkit效果也不会伤害任何人

谢谢

通过css的简单下拉列表

ul，li{
列表样式：无；
填充：0；
保证金：0；
}
保险商实验室{
宽度：100px；
}
李{
宽度：100%；
位置：相对位置；
}
李阿{
显示：块；
文字装饰：无；
边框：1px纯红；
}
李乌尔{
显示：无；
}
李宇莉{
边界：无；
}
李：悬停{
显示：块；
}

检查此项

我在演示中添加了两个下拉列表，分别是“关于”和“产品”。下面是使用的HTML和CSS

<ul class="nav">
    <li><a href="">About</a>
        <ul>
            <li><a href="">A</a></li>
            <li><a href="">B</a></li>
            <li><a href="">C</a></li>
        </ul>
    </li>
    <li><a href="">New</a></li>
    <li><a href="">Contact</a></li>
    <li><a href="">Products</a>
        <ul>
            <li><a href="">A</a></li>
            <li><a href="">B</a></li>
            <li><a href="">C</a></li>
        </ul>
    </li>
</ul>

<ul class="nav">
    <li><a href="">About</a>
        <ul>
            <li><a href="">A</a></li>
            <li><a href="">B</a></li>
            <li><a href="">C</a></li>
        </ul>
    </li>
    <li><a href="">New</a></li>
    <li><a href="">Contact</a></li>
    <li><a href="">Products</a>
        <ul>
            <li><a href="">A</a></li>
            <li><a href="">B</a></li>
            <li><a href="">C</a></li>
        </ul>
    </li>
</ul>

ul{
    list-style:none;
    padding-left:0;
}
ul > li{
    position:relative;
}

a{
    text-decoration:none;
    color:lightgreen;
}

ul > li > a{
    font-size:20px;
}

ul ul{
    display:none;
    position:absolute;
    top:100%;
    padding:5px 10px;
    background-color:#ccc;
    z-index:2;
    list-style:none;
}



ul ul a{
    color:white;
}