CSS块元素问题

我正在尝试在我的应用程序中使用下拉菜单栏。我想让我的菜单栏看起来像

 __________________
|                  |
|__________________|
     |_____________|
     |_____________|
     |_____________|

但是在我设计了我的html之后

__________________
|    ______________|
|___|______________|
    |______________|
    |______________|

子菜单位于我的主菜单按钮内

我的html如下

<nav>

        <ul id='menu'>
            <li id=browser ><a href=#>test</a>
                <ul>
                    <li><?= anchor('#','1');?></li>
                    <li><?= anchor('#','2');?></li>
                    <li><?= anchor('#','3');?></li>
                </ul>
            </li>

            <li id=user_management><a href=#></a></li>
            <li id=log_out><a href=#> </a></li>
        </ul>

    </nav>

---

我的子菜单似乎忽略了主菜单按钮的block元素。有什么帮助吗？非常感谢

绝对定位子菜单，如下所示：

#browser ul {       //my submenu
    position:absolute;
    top:100%;
    left:0;
}

---

在JSFIDLE上发布所有内容，我们需要所有内容才能正确查看。我想你的意思是

#浏览器ul{

@rgthree该死，你说得对，只是复制粘贴了整个内容，没有注意：/…谢谢。

#browser ul {       //my submenu
    position:absolute;
    top:100%;
    left:0;
}