E' ovvio che non siano cliccabili.
A prescindere che la chiusura dei link è errata:
[html]
..</li></a>
invece si fa cosi:
...</a></li>
[/html]
Ma il problema è che il tag "a" è vuoto, non ha nulla su cui cliccare quindi ovviamente non rende cliccabile. Un testo va sempre inserito, anche per motivi di accessibilità. Puoi nasconderlo in maniera da lasciare solo l'immagine con un banale trucchetto ma deve esserci un testo per orientare anche quelle persone disabili che non navigano con un browser normale ma con browser appositi.
Per nascondere il testo puoi fare qualcosa del genere:
a {
display: block;
width: larghezza che necessiti
height: altezza che necessiti
overflow: hidden;
line-height: 9999em;
}
Il ragionamento è questo, magari necessita di altre personalizzazioni in base al CSS della pagina ma cosi già dovrebbe funzionare.
