Ciao a tutti,

apro questa discussione perchè ho un problema che non so come risolverlo, nel senso che ho una lista

codice:
<ul class="cb-slideshow"> 						[*]<span>Image 01</span><div><a href="ciao.php"><h3>Tecnologia, Stile e Fantasia 
        Italiana al miglior prezzo</h3></a></div> 						[*]<span>Image 02</span><div><h3>Il nostro servizio chiavi in mano
        </h3></div> [*]<span>Image 03</span><div><h3>L'amore per la cucina dal 1953
        </h3></div>[*]<span>Image 04</span><div><h3>Perch&egrave scegliere una cucina Clivio?
        </h3></div>[*]<span>Image 05</span><div><h3>Non solo cucine...</h3>
        </div> 						[*]<span>Image 06</span><div><h3>Rete di vendita internazionale
        </h3></div>[/list]
Bene a questa lista gli ho applicato questo tipo di css:

codice:
.cb-slideshow, 
.cb-slideshow:after { 	
        list-style: none;      
        position: fixed;     
        width: 100%;     
        height: 100%;     
        top: 0px;     
        left: 0px; 	
        display:block;
}  

.cb-slideshow a{ 	
       text-decoration:none; 	
       color:white; 
}  

.cb-slideshow li span {      
       width: 100%;     
       height: 80%;     
       position: absolute;     
       top: 0px;     
       left: 0px;     
       color: transparent;     
       background-size: 100%;     
       background-position: 50% 50%;     
       background-repeat: none;     
       opacity: 0; 	
} 

.cb-slideshow li div {      
        position: absolute;     
        bottom: 10px;     
        left: 0px;     
        width: 100%;     
        text-align: center;     
        opacity: 0;     
        color: #fff;     
        -webkit-animation: titleAnimation 48s linear infinite 0s;     
        -moz-animation: titleAnimation 48s linear infinite 0s;     
        -o-animation: titleAnimation 48s linear infinite 0s;     
        -ms-animation: titleAnimation 48s linear infinite 0s;     
        animation: titleAnimation 48s linear infinite 0s;  
} 

.cb-slideshow li div h3 {      
        font-family: Italic; 	
        padding:10px;     
        font-size: 35px; 	
        background-color:#000; 	
        opacity: 0.7;    	
        line-height: 120px; 	
        text-decoration:none; 
}  

.cb-slideshow li:nth-child(2) div {      
        -webkit-animation-delay: 8s;     
        -moz-animation-delay: 8s;     
        -o-animation-delay: 8s;     
        -ms-animation-delay: 8s;     
        animation-delay: 8s;  
} 

.cb-slideshow li:nth-child(3) div {      
        -webkit-animation-delay: 16s;     
        -moz-animation-delay: 16s;     
        -o-animation-delay: 16s;     
        -ms-animation-delay: 16s;     
        animation-delay: 16s;  
} 

.cb-slideshow li:nth-child(4) div {      
        -webkit-animation-delay: 24s;     
        -moz-animation-delay: 24s;     
        -o-animation-delay: 24s;     
        -ms-animation-delay: 24s;     
        animation-delay: 24s;  
} 

.cb-slideshow li:nth-child(5) div {      
        -webkit-animation-delay: 32s;     
        -moz-animation-delay: 32s;     
        -o-animation-delay: 32s;     
        -ms-animation-delay: 32s;     
        animation-delay: 32s;  
} 

.cb-slideshow li:nth-child(6) div {      
        -webkit-animation-delay: 40s;     
        -moz-animation-delay: 40s;     
        -o-animation-delay: 40s;     
        -ms-animation-delay: 40s;     
        animation-delay: 40s;
} 

/* Animation for the title */ 

@-webkit-keyframes titleAnimation {      
        0% { opacity: 0 }     
        8% { opacity: 1 }     
      17% { opacity: 1 }     
      19% { opacity: 0 }     
     100% { opacity: 0 } 
} 

@-moz-keyframes titleAnimation {      
         0% { opacity: 0 }     
         8% { opacity: 1 }     
        17% { opacity: 1 }     
        19% { opacity: 0 }     
       100% { opacity: 0 } 
} 

@-o-keyframes titleAnimation {      
         0% { opacity: 0 }     
         8% { opacity: 1 }     
        17% { opacity: 1 }     
        19% { opacity: 0 }     
      100% { opacity: 0 } 
} 

@-ms-keyframes titleAnimation {      
          0% { opacity: 0 }     
          8% { opacity: 1 }     
        17% { opacity: 1 }     
        19% { opacity: 0 }     
      100% { opacity: 0 } 
} 

@keyframes titleAnimation {      
          0% { opacity: 0 }     
          8% { opacity: 1 }     
         17% { opacity: 1 }     
         19% { opacity: 0 }     
         100% { opacity: 0 } 
}
Adesso se è possibile qualcuno mi saprebbe dare una mano in quanto non capisco perchè nel punto dove ho inserito il tag <a> nella lista, a video non mi permette di cliccarci sopra mostrandomi solo la scritta?

Grazie anticipatamente.