div相对父级之外的绝对div可见性

Question

CSS：

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

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

我有一个这样的下拉菜单，但是当它掉下来时，子菜单被隐藏，它与下一个div一起以幻灯片形式显示，并且在相对父菜单之外。

我试图将position:relative;放到正文中，尽管它解决了可见性问题，但是却弄乱了我的菜单。

有什么想法吗？

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

我试图将滑块放在标题中，并在标题上放置relative，但与正文相同，它弄乱了我的子菜单。如果将relative放在ul li标签上，则子菜单会起作用。

Answer 1

添加以下css