Bonjour a tous !
J'ai un petit problème de compatibilité avec IE de mon script !
Le voici le voila :

function menu(id,action)
{
if (id == 1) image="menu/encours";
if (id == 2) image="menu/avenir";
if (id == 3) image="menu/terminees";
if (id == 4) image="menu/inscription";
if (id == 5) image="menu/aide";

if (action == 0) action = "";
image = image+action;

	if(document.getElementById) document.getElementById("menu"+id).innerHTML = "<img border=0 src='"+image+".png'>";
	else if(document.all) document.all["menu"+id].innerHTML = "<img border=0 src='"+image+".png'>";

}

<table cellspacing=0 cellpadding=0>
<tr>
<td><a href='index.php'><span id='menu1' onmousemove=menu(1,1) onmouseout=menu(1,0)><img src='menu/encours.png' border=0></span></a></td>
<td><a href='avenir.php#ancre'><span id='menu2' onmousemove=menu(2,1) onmouseout=menu(2,0)><img src='menu/avenir.png' border=0></span></a></td>
<td><a href='terminees.php#ancre'><span id='menu3' onmousemove=menu(3,1) onmouseout=menu(3,0)><img src='menu/terminees.png' border=0></span></a></td>
<td><a href='inscription.php#ancre'><span id='menu4' onmousemove=menu(4,1) onmouseout=menu(4,0)><img src='menu/inscription.png' border=0></span></a></td>
<td><a href='aide.php#ancre'><span id='menu5' onmousemove=menu(5,1) onmouseout=menu(5,0)><img src='menu/aide.png' border=0></span></a></td>
</tr>
</table>

Alors voila c'est pour afficher un menu et l'image qui change quand on passe la souris dessus.
Merci

Mon dieu, un rollover en js
Il y a moyen de faire tout cela en css

Tu commences par ne mettre que tes liens :

<a href="#" id="menu1">&nbsp;</a>
<a href="#" id="menu2">&nbsp;</a>

Puis en CSS, tu leur donnes la taille de tes images et l'image par défaut en background-image, et tu fais changer l'image de fond lors du survol du lien :

a#menu1{
	display: block;
	width: xxxpx /*Largeur de l'image du menu1*/
	height: xxxpx /*hauteur de l'image du menu1*/
	background-image: url(xxx); /*Image en fond quand la souris n'est pas dessus*/
}
a#menu1:hover{
	background-image: url(xxx); /*Image en fond quand la souris est sur le lien*/
}

Si toutes tes images ont la même dimension, tu peux encore simplifier le code en mettant une class commune à tes liens qui leur donnerait à tous la même hauteur et largeur :

<a href="#" class="menu" id="menu1">&nbsp;</a>
<a href="#" class="menu" id="menu2">&nbsp;</a>

a.menu{
	display: block;
	width: xxxpx /*Largeur des images du menu*/
	height: xxxpx /*hauteur des images du menu*/
}
	a#menu1{
		background-image: url(xxx); /*Image en fond quand la souris n'est pas dessus*/
	}
	a#menu1:hover{
		background-image: url(xxx); /*Image en fond quand la souris est sur la div*/
	}
	a#menu2{
		background-image: url(xxx); /*Image en fond quand la souris n'est pas dessus*/
	}
	a#menu2:hover{
		background-image: url(xxx); /*Image en fond quand la souris est sur la div*/
	}

nikel merci