Salve, sto da poco apprendendo le varie tecniche css per il rollover di menu creati tramite liste.
Ho creato la lista, disposto gli elementi in successione orizzantali, caricato le immagini per i 3 stati di ciascuna casella di menu: stato normale, stato pagina attiva (pagina corrente) e stato hover!

Il problema è: mi distingue le immagini per lo stato attivo e per lo stato normale, ma non ho nessun effetto sullo stato :hover

di seguito una parte del codice del css
codice:
a#homeActiveLink{
	background:url(img_/HOME.png) -160px 0px; 
	}
	
a#home a:hover{
	background:url(img_/HOME.png) 0px 0px;
	}
	
a#home{
	background:url(img_/HOME.png) -80px 0px;	
	}

a#cercaClanActiveLink{
	left:80px;
	background:url(img_/CercaClan.png) -160px 0px;
	}
	
a#cercaClan a:hover{
	left:80px;
	background:url(img_/CercaClan.png) 0px 0px;
	}
	
a#cercaClan{
	left:80px;
	background:url(img_/CercaClan.png) -80px 0px;
}

a#cercaTorneoActiveLink{
	left:160px;
	background:url(img_/CercaTorneo.png) -160px 0px;
	}
	
a#cercaTorneo a:hover{
	left:160px;
	background:url(img_/CercaTorneo.png) 0px 0px;
	}
	
a#cercaTorneo{
	left:160px;
	background:url(img_/CercaTorneo.png) -80px 0px;
	}

a#loginActiveLink{
	left:240px;
	background:url(img_/LOGIN.png) -160px 0px;
	}

a#login a:hover{
	left:240px;
	background:url(img_/LOGIN.png) 0px 0px;
	}
	
a#login{
	left:240px;
	background:url(img_/LOGIN.png) -80px 0px;
	}