ma guarda chi si vede

in teoria è molto semplice:

codice:
   <ul>[*]    [*]    [/list]
codice:
li
{
   list-style:none;
}
img
{
   border:none;
   width:16px;
   height:16px;
}
img:hover
{
   width:32px;
   height:32px;
}
c'è un problema però. c'è un browser che non interpreta lo stato hover su tag diversi da <a>. indovina un pò.. IE nelle versioni precedenti alla 7 .
personalmente lasciere stare questa parte di utenti, pensando che la maggior parte faranno l'aggiornamento alla versione 7 e che non è una mancanza tanto grave. questo io, te poi non lo so.
ci dovrebbero essere dei modi per creare lo stesso effetto anche su IE6. il tutto stando attenti alla semantica non mi sembra tanto facile. se sei davvero interessato posso anche provare a fare qualcosa. poi magari nel fratempo arriva qualcuno con una soluzione valida (codice pulito e semantica).