Link-immagini che cambiano colore.

[Minerva88]

Allora ho questo problema.
Ho costruito un menù in verticale con delle immagini; ecco:


Web Design e il pulsante nello sfondo, sono un' unica immagine. Adesso vorrei che al passaggio del mouse cambiasse colore. Tempo fa avevo trovato un tutorial che spiegava come fare. Non c'era bisogno di usare flash, lo si faceva con i codici css e html. Mi ricordo che di doveva costruire un bottono a tre stati.

Questo è quello che ho:
HTML

<div id="tlink">
<ul class="link">[*] [*] [img]images/bottoni.png[/img][*] [img]images/artgallery.png[/img][*] [img]images/client.png[/img][/list]
</div>

CSS

#tlink ul.link {
width:164px;
height:34px;
float:right;
margin:12px;
line-height:50px;
}

#tlink .link li{
border:none;
list-style-type:none;
list-style-image:none;
left:100px;
}
#tkink .link a{
width:164px;
height:34px;
border:none;
list-style-type:none;
list-style-image:none;
text-decoration:none;

}
#tlink .link img {
list-style-type:none;
list-style-image:none;
border:none;
}