Non riesco a far funzionare tutti i link e gli effetti su di essi

Ciao ho da poco iniziato a creare il mio primo sito di prova con HTML e CSS in Komodo. ho fatto una pagina classica con sfondo e ho messo i link HOME GALLERY ABOUT NEWS LOGIN E FAQ. Il problema e che passando sopra con la freccetta su FAQ e LOGIN essi si illuminano e funzionano come link tutto il resto no rimane statico. Il problema e solo di questi link che non vanno perche nella stessa pagina ho creato due bottoni ma questi funzionano bene.

C'e qualcosa nel codice sbagliato?

Il codice HTML che ho usato + questo:
<ul>
<li class="active"><a href="#"> HOME </a></li>
<li> <a href="#"> GALLERY </a></li>
<li> <a href="#"> ABOUT </a></li>
<li> <a href="#"> NEWS </a></li>
<li> <a href="#"> LOGIN </a></li>
<li> <a href="#"> FAQ </a></li>
</ul>

Il codice CSS che ho usato + questo:

ul {float: right;
list-style-type: none;
margin-top:25px;}

ul li {display:inline-block;}

ul li a { text-decoration: none;
color: #fff;
padding: 5px 20px;
border: 1px solid transparent;
transition:0.6s ease;}

ul li a:hover {background-color: #fff;
color:#000;}
ul li.active a{ background-color: #fff;
color:#000;}



Grazie a chi mi risponderà

[alemoppo]

Il problema e solo di questi link che non vanno
<li class="active"><a href="#"> HOME </a></li>
<li> <a href="#"> GALLERY </a></li>

Non ho ben capito se ti aspetti che premendo i tasti, questi fungessero da link. In tal caso non possono funzionare perché hanno un href vuoto ( = # ).

Ciao!