html - absolute div visibility outside of div relative parent -

css:

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

i have drop menu this, when goes down sub menu hidden touches next div slideshow , it's outside relative parent.

i tryed put position:relative; body although fixes visibility problem messes menu.

any ideas?

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

i tryed put slider in header , put relative on header, same on body messes sub-menu. way sub-menu works if put relative on ul li tag.

add following css

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