Menu in CSS

[Jigulina]

Ciao ragazzi, sono una ragazza alla prime armi con i css, vi spiego cosa sto cercano di realizzare.
Io ho bisogno di un menù creato con immagini, solo che fin'ora sono riuscita a creare solo l'effetto a.hover. Io avrei bisogno che il quando il mause va sopra cambia l'immagine, ma quando l'utente sceglie la pagina, il menu utilizza l'immagine dell'effetto a.hover per contradistinguersi tra le altre voci. Come posso fare?
Vi posto il codice css e html.

<style type="text/css">
ul {
margin: 0;
padding: 0;
list-style-type: none; }
 
.linea { float: left; }
a {
display: block;
overflow: hidden;
width: 99px;
height: 33px;
text-indent:-9999px;
background-repeat: no-repeat;
background-position: 0 -33px; }
 

a.home { background-image: url(home.png); }
</style>

HTML

<ul>
<li class="linea">Home[/list]