menu css aparece por baixo do slide com efeito hover

[Biel. 9]

Bom dia a todos. Pessoal quero muito resolver esta questão. Se você puder mim ajudar muito grato amigo. É o seguinte:

como alterar a menuhorizontal.css abaixo para que o menu aparece na frente do slide e não por tras. Li muita coisa em alguns sites, uns falaram que tem que colocar aonde não sei o tal do position: relative, z-index:2, e outras coisas mais e nada deu certo. Amigo se você puder mim orientar muito grato!

 

http://fernandoprogrammer.wordpress.com/2012/04/03/ie7-problema-com-position-absolute-e-z-index/

menuhorizontal { color:#F93; width:auto;  }

#menuhorizontal  li {
float:left;
display:block;
text-align:left;
position:relative;
height:40px;
line-height:40px;
    border-left:0px solid #585858;
border-right:0px solid #585858;
}

#menuhorizontal  li a {
font-size:0px; 
color:#FFF;
display:block;
outline:0px;
text-decoration:none;
font-size:12px;
padding:0px 0px 0px 12px;
}

#menuhorizontal  li:hover {
    border-top:0px solid #979797;
border-left:0px solid #979797;
border-right:0px solid #979797;


background:#00AEEF;
/* Rounded corners */
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}

/*==============================================*/

#menuhorizontal  li .classe {
display:block;
width:auto;
font-size:13px;
font-weight:bold;
color:#FFF;/*cinza*/
padding:0px 12px 0px 12px;
}


#menuhorizontal  li:hover .classe {
color:#FFF;/* branco */
}

/*==============================================*/

#menuhorizontal  li ul li {
width:180px;
height:30px;
line-height:30px;
text-align:left;
border-bottom:1px solid #D6D6D6;
margin:0px 0px 0px 12px;

}

#menuhorizontal  li ul li:hover {
border:none; 
background-color:transparent;
border-bottom:1px solid #D6D6D6;
margin:0px 0px 0px 12px;
}

#menuhorizontal li:hover div a {
font-size:13px;
background:#FFF;
color:#828282;
font-weight:bold;
}

#menuhorizontal  li:hover div a:hover {
background:#F5F5F5;
color:#828282; /*cinza */
font-weight:bold;
}


.classe-8,
.classe-9{
width:200px; 
background:#00AEEF;
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:10px 4px 10px 0px;
/* Rounded Corners */
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-left:0px solid #979797;
border-right:0px solid #979797;
border-bottom:0px solid #979797;
}


#menuhorizontal  li:hover .classe-8{
left:0px;
top:40px;
right:auto;
border-left:0px solid #979797;
border-right:0px solid #979797;
border-bottom:0px solid #979797; }

/*=================================================================*/

#menuhorizontal  li:hover .classe-9{
left:auto;
top:40px;
right:0px;
border-left:0px solid #979797;
border-right:0px solid #979797;
border-bottom:0px solid #979797; }

 

[Bru_ce 53]

z-index