絕對div可見

Question

CSS：

ul#menu-ediloc li 
{ 
float:left; 
padding-left:5px; 
position:relative; 
} 

ul#menu-ediloc ul 
{ 
z-index:500; 
position:absolute; 
} 

我有這樣一個下拉菜單，但是當它下降的子菜單是隱藏在那裏與倒是接下來div是一個幻燈片，它的在相對父母之外。

我tryed把position:relative;到身體，但儘管它修復了可視性問題比弄亂我的菜單。

任何想法？

<div id="header"> 
    <ul id="menu-ediloc"> 
     <li> 
      <ul id="sub-menu"> 
       <li> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</div> 
<div id="slider"> 
</div> 

我tryed把滑塊的頭，並把relative的頭，但它同身體上它攪亂了我的子菜單。 如果我將relative放在ul li標記上，我的子菜單的唯一工作方式。

Answer 1

添加以下CSS

#header{ 
position: relative; 
z-index: 999; 
}