OnMouseOut qui bug sur IE

Bonjour, je fait un projet à rendre jeudi en cours.

www.lessens.net

sur ma page d'index tous marche.
Sur toutes mes autre pages, le roll over sur les menus "culture" "evenement" "musique" et "multimedia" ne fonctionne pas sur IE.

l'image ne ce remet pas à la normal lors du "OnMouseOut".

Code Des liens (menu):

Code:

1
2
3
4
5
6
7
 
<div id="lnk-cat">
					<div id="lnk-01" class="lnk" OnMouseMove="javascript:over('lnk-01', '01');" OnMouseOut="javascript:out('lnk-01', '01');"><a href="liste.php?lnk=01"><img src="img/lnk-01.jpg" alt="Culture" width="245" height="40" class="noborder" /></a></div>
					<div id="lnk-02" class="lnk" OnMouseMove="javascript:over('lnk-02', '02');" OnMouseOut="javascript:out('lnk-02', '02');"><a href="liste.php?lnk=02"><img src="img/lnk-02.jpg" alt="Evenement" width="245" height="40" class="noborder" /></a></div>
					<div id="lnk-03" class="lnk" OnMouseMove="javascript:over('lnk-03', '03');" OnMouseOut="javascript:out('lnk-03', '03');"><a href="liste.php?lnk=03"><img src="img/lnk-03.jpg" alt="Musique" width="245" height="40" class="noborder" /></a></div>
					<div id="lnk-04" class="lnk" OnMouseMove="javascript:over('lnk-04', '04');" OnMouseOut="javascript:out('lnk-04', '04');"><a href="liste.php?lnk=04"><img src="img/lnk-04.jpg" alt="Multimedia" width="245" height="40" class="noborder" /></a></div>
				</div>

Code de la page function.js

Code:

1
2
3
4
5
6
7
8
9
10
 
function over(source, id)
{
	document.getElementById(source).innerHTML = "<a href=\"liste.php?lnk=" + id + "\"><img src=\"img/lnk-hover-" + id + ".jpg\" alt=\"Categorie" + id + "\" width=\"245\" height=\"40\" class=\"noborder\" />";
}
 
function out(source, id)
{
	document.getElementById(source).innerHTML = "<a href=\"liste.php?lnk=" + id + "\"><img src=\"img/lnk-" + id + ".jpg\" alt=\"Categorie" + id + "\" width=\"245\" height=\"40\" class=\"noborder\" />";
}

Si quelq'un à une idée c'est cool.