Problème compatibilité ejs_menu_dyn.js

Bonjour,

Pour mon site web, j'ai installé un script pris sur l'Editeur Javascript. C'est un menu dynamique censé fonctionner sur tous les navigateurs. Or, sous Firefox, le menu déroulant s'ouvre à gauche et la première ligne est invisible. Mon site : www.gaelpiat.o-n.com

Le fichier ejs_menu_dyn.js :

bgcolor='#006699';
bgcolor2='#7B7B7B';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[0][0] = '<A HREF="page type.html" CLASS=ejsmenu>Route</A>';
zlien[0][1] = '<A HREF="page type.html" CLASS=ejsmenu>Cyclo-cross</A>';
zlien[0][2] = '<A HREF="page type.html" CLASS=ejsmenu>VTT</A>';
zlien[0][3] = '<A HREF="page type.html" CLASS=ejsmenu>Piste</A>';
zlien[0][4] = '<A HREF="page type.html" CLASS=ejsmenu>BMX</A>';
zlien[0][5] = '<A HREF="page type.html" CLASS=ejsmenu>Velo-virtuel</A>';
zlien[0][6] = '<A HREF="page type.html" CLASS=ejsmenu>ADSC 93</A>';
zlien[1][0] = '<A HREF="page type.html" CLASS=ejsmenu>Equipes</A>';
zlien[1][1] = '<A HREF="page type.html" CLASS=ejsmenu>Calendriers</A>';
zlien[2][0] = '<A HREF="page type.html" CLASS=ejsmenu>Materiel</A>';
zlien[2][1] = '<A HREF="http://www.sportri.com/achat/sport-auber-93-2009-289.html" CLASS=ejsmenu>Boutique</A>';
zlien[2][2] = '<A HREF="page type.html" CLASS=ejsmenu>Partenaires</A>';
zlien[3][0] = '<A HREF="page type.html" CLASS=ejsmenu>Photos - Videos</A>';
zlien[3][1] = '<A HREF="page type.html" CLASS=ejsmenu>Medias</A>';
zlien[4][0] = '<A HREF="page type.html" CLASS=ejsmenu>Petites annonces</A>';
zlien[4][1] = '<A HREF="page type.html" CLASS=ejsmenu>Liens</A>';
zlien[4][2] = '<A HREF="http://livredor.hiwit.org/index.php?idsite=4054&zone=d" CLASS=ejsmenu>Livre d\'Or</A>';
zlien[5][0] = '<A HREF="page type.html" CLASS=ejsmenu>Notre structure</A>';
zlien[5][1] = '<A HREF="page type.html" CLASS=ejsmenu>Qui sommes-nous ?</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
if (nava)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (dom)
{
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}
function kill()
{
skn.visibility = "hidden";
}
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=600><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Resultats</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Saison 2010</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Sponsoring</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Multimedia</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Services</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Auber 93 ?</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

C'est un site en construction, les liens sont fictifs.

Le code d'insertion dans ma page d'accueil :

<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>

Le code complet avec le tableau dans lequel le menu est inséré :

<tr>
<th width="219" align="center" valign="bottom" scope="col"><a href="index.html" class="policemenu"><br />
<span class="policemenu2">Accueil </span></a><span class="policemenu2">-<a href="mailto:webmasterauber93@yahoo.fr" class="policemenu"> <span class="policemenu2">Contacts</span></a></span></th>
<th width="677" align="center" valign="middle" scope="col"><SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>&nbsp;</th>
</tr>

Merci de votre aide,