El menú se queda oculto

Hola,

Espero me puedan ayudar.Tengo un menú que en parte se despliega. El problema es que lo que se despliega queda oculto con slider que hay debajo del mismo. Cómo soluciono?

<style type="text/css">

• {

margin:0px;
padding:0px;
}

#header {
margin:auto;
width:500px;
font-family:Arial, Helvetica, sans-serif;
}

ul, ol {
list-style:none;
}

.nav > li {
float:left;
}

.nav li a {
background-color:#000;
color:#fff;
text-decoration:none;
padding:10px 12px;
display:block;
}

.nav li a:hover {
background-color:#434343;
}

.nav li ul {
display:none;
position:absolute;
min-width:140px;
}

.nav li:hover > ul {
display:block;
}

.nav li ul li {
position:relative;
}

.nav li ul li ul {
right:-140px;
top:0px;
}

</style>


<ul class="nav navbar-nav">
<li><a href="index.html">INICIO</a></li>
<li><a href="#">MENÚ 1<span class="caret"></span></a>
<ul>
<li><a href=""> 1</a></li>
</ul>
<li><a href="#">MENÚ 2 </a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="contact.html">CONTACTO</a></li>
</ul>

Gracias