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
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?