Not showing

Hi

I've got a question. I made a nav menu with childs. When i want to go to the menu, the menu is not on the front of the page. Its behind the tekst below it. How can i get the cilds in front of the page?

this is the code:

av ul {
     display:inherit;
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    min-width:20px;
    background-color:#999;
    height:30px;
}


#nav li {
 display:inherit;
  position: relative;
  float:left;
  line-height : 2em;
  list-style: none;
  background-image:url(images/nav_menu.png);
  background-repeat:repeat-x;
  border-right: 2px solid #5e5d5d;
  height:30px;

}

#nav li ul { /* second-level lists */
     position : absolute;
    background-image:url(images/nav_menu.png);
      background-repeat:repeat-x;
    border-right: 2px solid #5e5d5d;
    width: 120px;
    left: -999em;
    margin-top:11px;

Thanks.

Hi,
I'm not sure without being able to see the actual menu, but you could try setting the z-index on the child menu.

#nav li ul { /* second-level lists */
position : absolute;
background-image:url(images/nav_menu.png);
background-repeat:repeat-x;
border-right: 2px solid #5e5d5d;
width: 120px;
left: -999em;
margin-top:11px;

z-index:99;
}

He Xent,

I had a similar problem. I resolved it by trying different z-indexes and finally one worked for me. Maybe not the correct place to have posted my problem but you can find it her:

http://www.dotnetnuke.com/Community/Forums/tabid/795/forumid/109/threadid/172124/scope/posts/Default.aspx

Keston