Domanda sull'effetto underline di un tag a

[Nrg1]

Salve

Sto cercando di ottenere lo stesso risultato ottenuto sui blog spaces di Microsoft
(più in particolare nel menù che appare cliccando su "personalizza").
Dato questo codice

<style type="text/css">
      .a1_Class:Hover{text-decoration:underline;}
</style>

<a id="a1" class="a1_Class">
       [img]img_prova.gif[/img]
       ciao

</a>

vorrei che l'underline,
la linea che va sotto la scritta "ciao",
vada anche sotto l'immagine,
in modo da ottenere un'unica linea all'evento onmouseover.

Si potrevbbe usare
.a1_Class:before{content:url(img_prova.gif);}
ed eliminare la img;
ma su IE7 non funziona.

In quale altro modo si può ottenere questo risultato?

[fcaldera]

una soluzione

a:hover img {
border-bottom : 1px #000 solid
}

e togli l'underline

[Nrg1]

l'effetto non è proprio lo stesso
comunque va bene comunque

thanks