Горизонтальное раскрывающееся меню CSS, расположенное «за» разделом ⇐ CSS

[Anonymous]

Я создал горизонтальное раскрывающееся меню в CSS, но когда я навожу на него курсор, раскрывающаяся часть оказывается «под» разделом, поэтому я пытаюсь понять, как сделать так, чтобы раскрывающееся меню выходило за раздел.

Код: Выделить всё

header{
width:80%;
background-color:black;
margin-left:auto;
margin-right:auto;
padding:10px;
overflow:hidden;
}
#navMenu {
margin:0;
padding:0;
width:80%
}
#navMenu ul{
margin:0;
padding:0;
line-height:30px;
}
#navMenu li{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
}
#navMenu ul li a {
text-align:center;
text-decoration:none;
height:30px;
width:150px;
display:block;
color:white;
}
#navMenu ul ul {
position:absolute;
visibility:hidden;
top:30px;
}
#navMenu ul li:hover ul{
visibility:visible;
background-color:#333333;
}
section {
width:80%;
background-color:#b5b5b5;
margin-right:auto;
margin-left:auto;
border-color:black;
border-style:solid;
border-width:5px;
padding:5px;
}

Код: Выделить всё

[list]
[*][url=progetto2.html]MUSIC[/url]

[url=#]link[/url]
[*][url=#]link[/url]
[*][url=#]link[/url]
[/list]

Я не очень практичен в этом, поэтому не знаю, что делать по порядку чтобы раскрывающееся меню перемещалось по разделу

Подробнее здесь: https://stackoverflow.com/questions/784 ... -a-section