Slide queda por encima de mi menú fijo

[imanolrubio6]

Yo tengo el mismo problema.
Mi código css es el siguiente:

#slideshow {
margin: 50px auto;
position: relative;
width: 240px;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}

#slideshow2 {
margin: 50px auto;
position: relative;
width: 240px;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow2 > div {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}

#slideshow3 {
margin: 50px auto;
position: relative;
width: 240px;
height: 240px;
padding: 10px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow3 > div {

position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
#hmenu > li {

display:inline-block;
}


#hmenu > li a{
display:block;
padding:10px 5px;
width:90px;
}

li ul {
position: absolute;
display: none;
}

.sub-menu a {

z-index:1002
display: block;
padding: 10px 5px;
width: 130 px;
}

li:hover ul{
display:block;
}

#menu-wrapper, li ul {

background:url(imagenes/fondomenu.jpg) ;

}

#hmenu {
width: 412px;
margin: 0 auto;
}

#hmenu a {
color:#fff; /* Quitar el subrayado */
text-decoration: none;
font-weigth: bold;
}

#hmenu li:hover { /* CSS cuando aparezca el mouse, que aparezca otro fondo de otro color */
;
background: #a3cd39;
text-shadow: 0 0 2px #000; /* CSS3 Sombra en el texto*/
}

Alguna idea?

Muchísimas gracias de antemano