Ciao
grazie e ancora grazie!!
Ho ottenuto la lista e il relativo scambio immagine(a:hover).

Solo c'è 1 piccolissima imperfezione che non ho capito come mai si verifica;

e cioè che tra le prime 2 righe c'è uno spazio maggiore rispetto al secondo e terzo. 1 pò come nell'esempio che ti ho scritto qui in basso per intenderci.
[*]link 1
[*]link 2[*]link 3
********************************************

Io provo a riscrivrti il codice, sperando di non aver sbagliato ancora. Se puoi e vuoi darmi 1 mano, te ne sono grato.

ul.lista li {
list-style-image: url(bottega_dei_monili/btn_off.gif);
list-style-positionutside;
font-family:Verdana,Arial,sans-serif;
font-size:0.7em;
/*color:#822931; */
vertical-align:top;
margin-top:5px;
}

ul.lista li a:link{
text-decoration:none;
color:#822931;

}

ul.lista a:visited {
color:#000066;
text-decoration:none;

}

ul.lista a:hover {
list-style-image: url(bottega_dei_monili/btn_on.gif);
color:#fff3db;
text-decoration:none;
/*font-weight:bold;*/
}

Il problema dell'allineamento tra la gif e il testo, l'ho risolto con: vertical-align:top --> come puoi vedere dal codice qui sopra.

Grazie 1000

-Floyd-