Problème de superposition d'éléments sur slider

Bonjour j'ai repris un slider d'un site en open source et je l'ai adapté à mon site , mais dès lors un problème récurant apparais alors quand comparaison il n'apparai pas sur la version original.

les flèche next et prev , n'apparaisse pas , elle n'on beau pas être la en apparance mais le :hover marche quand même car je peux très bien passer à l'endroit ou elle devais être et le clic marche quand même.
donc je me demande si se n'este pas un problème de couche , je met à votre disposition le html et css concerner , merci d'avance pour votre précieuse aide.
tout ceci sur une base Jquerry

<div id="header">
          <div id="content">
            <?php include("slide2.html"); ?>
          </div>
      </div>

voici l'include

<div id="slider">
			<ul>				
				<li><a href="#"><img src="../images/slider/slider-adobe-edge-animate.png"/></a></li>
				<li><a href="#"><img src="../images/slider/slider-adobe-illustrator.png"/></a></li>
				<li><a href="#"><img src="../images/slider/slider-adobe-photoshop.png"/></a></li>
				<li><a href="#"><img src="../images/slider/slider-c.png"/></a></li>
				<li><a href="#"><img src="../images/slider/slider-java.png"/></a></li>			
			</ul>
</div>

et le css , pour le js je ne pense pas qu'il sois en cause car le sliders marche correctement en lui même

#content{
		position:relative;
}   
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px; /* trop sale ...*/
}
 /* Easy Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 	
	width:1080px;
	height:300px;
	overflow:hidden;
	z-index:1; 
}


#prevBtn, #nextBtn, #slider1next, #slider1prev{
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-34px;
		top:71px;
		z-index:2;
		/*left:1080px;*/
}

#nextBtn, #slider1next{ 
		left:1080px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
		display:block;
		/*position:relative;	*/			
}
#prevBtn a, #slider1prev a{
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		width:30px;
		height:77px;
}

#nextBtn a, #slider1next a{	
		background:url(../images/btn_next.gif) no-repeat 0 0;
		width:30px;
		height:77px;
}	

Bon d'accord le problème peut-être fermer ... j'ai trouver la solution ... confrontation du z-index du menu , merci quand même !