CSS块元素问题

Question

我想在我的应用程序中做一个下拉菜单栏。我希望有我的菜单栏看起来像

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

但经过我的风格我的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> 

和我的CSS

nav > ul{ 
     list-style:none; 
     width: 816px; 
     margin: 0 auto; 
    } 

    nav > ul #browser{  my main menu button 
      border:2px solid red; 
      width:270px; 
      height:32px; 
      display:block; 
      float:left; 
      margin-right:2px; 
      background-image:url('../images/browser_BT.jpg'); 
    } 

    #browser li{  //my submenu 
    border:2px solid red; 
    list-style:none; 
    text-align:left; 
    display:block; 

    } 

看来，我的子菜单无视我的我的主菜单按钮的块元素。任何帮助？太感谢了。

Answer 1

位置的子菜单绝对，就像这样：

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