Problème avec une barre de navigation

bonjour,

je suis en train de creer un site internet avec dreamweaver MX 2004 et je rencontre un petit probleme avec ma barre de navigation.
j'aimerais faire changer les "boutons" de couleurs lorsque je passe dessus.
j'ai suivis (me semble t il!) toutes les etapes pour y arriver mais lorsque j'affiche ma page sur mon navigateur web il n'y a aucun changement si je passe ma souris sur les "boutons" en question...
les deux images qui sont censees s'afficher en onmouseout et onmouseover sont pourtant de meme taille.

j'ajoute ci-dessous le code source correspondant au probleme pour vous permettre d'y voir plus clair:

<div class="langue">
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="indexfr.html" target="_top" onClick="MM_nbGroup('down','group1','Francais_button','',1)" onMouseOver="MM_nbGroup('over','Francais_button','../francais_on.JPG','',1)" onMouseOut="MM_nbGroup('out')"><img src="../francais.JPG" alt="langue française" name="Francais_button" width="93" height="30" border="0" onload=""></a></td>

<td><div align="right"><a href="indexnl.html" target="_top" onClick="MM_nbGroup('down','group1','nederlands_button','',1)" onMouseOver="MM_nbGroup('over','nederlands_button','../nederlands_on.JPG','',1)" onMouseOut="MM_nbGroup('out')"><img src="../nederlands.JPG" alt="" name="nederlands_button" width="105" height="30" border="0" onload=""></a></div></td>
</tr>
</table>
</div>
<div class="langues"></div>

merci d'avance