Se solicita $1 neto por ayuda pequeña en CSS

Tengo este código css para crear un menú, pero cuando paso el mouse, las opciones del submenu no aparecen.

Alguien me podría ayudar? Le pagare a cualquiera que me solucione el problema (el $1 neto, es algo simbólico)

Gracias!:welcoming:

#top{
clear: both;
margin: 10px auto 0;
width: 974px;
padding: 0 43px 0 43px;
height: 57px;
background: url(images/top.png) no-repeat;
}

#top ul, #top li {
float: left;
line-height: 49px;
background: url(images/sep.gif) no-repeat scroll right;

}

#top a{
float: left;
display: block;
margin-right: 2px;
padding: 0 18px 0 15px;
color: #fff;
font-family: 'CardoRegular';
font-size: 13.5px;

}

#top li.current_page_item a, #top li a:hover {
color: #fff;
background: url(images/hover.png) repeat-x;
}









#top ul ul a{
width: 135px;
line-height:40px;
padding:0 20px;
display:block;
}

#top ul li {
position: relative;
float: left;
}

#top ul ul {
position: absolute;
top: -999999px;
left: 0px;
opacity: 0;
background: #fff;
text-align: left;
box-shadow: 2px 2px 0 #b5b5b5;
}

#top ul li:hover>ul{
position: absolute;
top: 100%;
opacity:1;
}

Sería bueno verlo en tu blog. URL?

Gracias por la ayuda

El opacity es una propiedad que se hereda, yo no la utilizaría y después deberías usar z-index d todas maneras cuando llegue a casa si no lonhas solucionado t pinto aquí codigo

Estaba probando codigos y cambiando. Al final parece que si llega a funcionar, pero al parecer el Slider esta interfirieron con el menú desplegable