با سلام .من در اسلاید شو کد زیر رو دارم که روی عنصر slider2img تگ a قرار میدم اما وقتی این عنصر در حالت absolute هست تگ a غیر فعال هست و زمانیکه از حالت absolute  عنصر رو خارج میکنم . تگ a فعال میشه اما اسلاید شو بهم میریزه و تصاویر رو زیرهم نشون میده تا پائین صفحه

چطور این مشکل رو حل کنم؟با تشکر

   
#left #slider2{
float:right;
background:none;
width:100%;
height:333px;
margin-top:10px;
border-radius:3px;
font-family:'tahoma';
font-size:12px;
position:relative;

}
#left #slider2 #slider2img {
width:80.61%;
height:100%;
background:none;
float:right;
overflow:hidden;
border-radius:3px;
position:absolute;
}
    #left #slider2 #slider2img > a {
        position:absolute;
    }

#left #slider2 #slider2img span{
		
width:100%;
height:100%;

		
}
#left #slider2 #slider2img img{
width:100%;
height:100%;
		
}

#left #slider2 #slider2option {
		
width:19.39%;
height:100%;
background:none;
float:left;
 
       
}
#left #slider2 #slider2option span {
      
width:100%;
height:33.1px;
background:#E0DBE7;
list-style:none;
text-align:center;
color:#59575F;
font-weight:bold;
cursor:pointer;
line-height:30px;
float:right;
position:relative;
		
}
	
	
		
		
.activeslider2{
        
background:#5B40AA !important;
c