Apparition d'images dans un tableau traité avec CSS

Bonsoir,

Je vais être bref et court !

J'aimerais, lorsque que notre souris passe sur le lien, qu'une image apparaisse dans le code HTML suivant :

<div id="menu_haut">

<center>
<table classe="menu_a" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="logo_ds"><img src="img_ds.png" /></td>
<td></td>
<td class="lien"><a href="#">Lien 1</a></td>
<td></td>
<td class="lien"><a href="#">Lien 2</a></td>
<td></td>
<td class="lien"><a href="#">Lien 3</a></td>
<td></td>
<td class="lien"><a href="#">Lien 4</a></td>
<td></td>
<td class="lien"><a href="#">Lien 5</a></td>
<td></td>
<td class="langues"><span class="FrEn">Langues :</span>&nbsp;<a href="#"><img src="logofr.gif" /></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#"><img src="logous.gif" /></a></td>
</tr>
</table>
</center>
__________

En faite j'aime travailler avec des tableaux dans l'html...je me sert également du CSS pour l'ajuster à mon façon...Voici le code CSS du tableau précédent :

#menu_haut { background-image:url(haut_noir.jpg);
background-repeat:repeat-x;
width:100%;
height:107px;
margin:0;
padding:0;
clear:left;
float:left;
font-family:Tahoma, Arial, "Times New Roman";
text-align:center}

a img{ border:none;
text-decoration:none}


table {border:none;
font-family:Tahoma, Arial, "Times New Roman";
text-align:center}


td {text-align:center;
font-family:Tahoma, Arial, "Times New Roman";
padding:8px;
padding-top:8px}


td.lien { border:none;
text-decoration:none;
text-align:center}

________________

Ma question, très simple ! Comment feriez vous pour afficher une image au passage de ma souris en gardant ce genre de code source ? Avez vous une solution plus simple d'utilisation ? Comment supprimer mon lien souligner ?

Merci d'avance

Cordialement