html - 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スライドショーであり、相対的な親の外にあります。

body に入れよ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を追加

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