大家帮我看下段html和CSS代码，为什么二级菜单加了absolute后就不显示了,环境为firefox

悬赏园豆：10 [已解决问题] 解决于 2013-09-16 19:35

html:

<div id="menu" class="menu-dropdown">
                <ul>
                    <li>
                        <a href="">Home</a>
                        <ul>
                            <li><a href="">Home</a></li>
                            <li><a href="">Product</a></li>
                            <li><a href="">Contract</a></li>
                            <li><a href="">Location</a></li>
                            <li><a href="">Help</a></li>
                        </ul>
                    </li>
                    <li><a href="">Product</a></li>
                    <li><a href="">Contract</a></li>
                    <li><a href="">Location</a></li>
                    <li><a href="">Help</a>
                    </li>
                </ul>
                </div>

css:

/*menu-dropdown*/
.menu-dropdown ul li{
    display:inline-block; 
    vertical-align:top;
    position:relative;
}
.menu-dropdown ul li ul li{
    display:block;
}
.menu-dropdown ul li ul{
    display:none;
}
.menu-dropdown li:hover >ul{
    position:absolute;
    top:100%;
    left:0;
    display:block;
    z-index:10;
}