Transposer un Javascript pour Mozilla...

Bonjour!

Voilou j'ai un script qui constitue un petit puzzle. C'est un puzzle où toutes les pièces sont dans un carré sauf une, ce qui permet de les déplacer une par une pour reconstituer la chose.
Il fonctionne très bien sous IE, et sous Mozilla il non (comme beaucoup de script).
Les pièces d'assichent toutes bien, aléatoirement etc., mais lorsque je clique sur l'un d'elles pour qu'elle se déplace, cela ne marche qu'une fois sur deux, ou pas du tout...
Je pense donc que l'incompatibilité vient du module move() vu que init() et start() fonctionnent.
J'aimerais savoir si il était possible de le modifier pour qu'il fonctionne sous les deux navigateurs, ou si on pouvait le refaire avec des fonctions lisibles par Mozilla, créer une condition SI pour tester le navigateur et executer le nouveau code seulement si c'est Mozilla, enfin voilà...

L'URL de l'exemple du jeu : http://les.amethystes.free.fr/jeux_puzzle1.htm

Le code HEAD :

<script language="javascript">

//********************************************Initier le puzzle*****************
function init()
{
var html="";
for(var cpt=0;cpt<4;cpt++)
{
for(var cmp=0;cmp<4;cmp++)html+="<div id='"+(cpt*4+cmp)+"' style='position:absolute;left:"+(cmp*75-112)+";top:"+(cpt*75)+";width:300;height:300;' onclick='move(this.id)'></div>";
}
document.all.cadre.innerHTML+=html;
}

//*****************************************La fonction main***********
function start()
{
var tablo=Array(15);
for(var cpt=0;cpt<15;cpt++)tablo[cpt]=0;

var cpt=0;
while(cpt<15)
{
var rnd=parseInt(Math.random()*15);
if(tablo[rnd]==0)
{
document.getElementById(cpt).innerHTML="<font size=6 color=red><img src=jeux/"+rnd+".gif></font>";
tablo[rnd]=1;
cpt++;
}
}//40

}


//*****************************************La fonction pour faire bouger les carreaux*******
function move(id)
{
var tampon;
if(document.getElementById(id).style.top==document.getElementById(15).style.top)
{
if((parseInt(document.getElementById(id).style.left)==parseInt(document.getElementById(15).style.left)+75) | (parseInt(document.getElementById(id).style.left)==parseInt(document.getElementById(15).style.left)-75))
{
tampon=document.getElementById(15).style.left;
document.getElementById(15).style.left=document.getElementById(id).style.left;
document.getElementById(id).style.left=tampon;
}
}
else if(document.getElementById(id).style.left==document.getElementById(15).style.left)
{
if((parseInt(document.getElementById(id).style.top)==parseInt(document.getElementById(15).style.top)+75) | (parseInt(document.getElementById(id).style.top)==parseInt(document.getElementById(15).style.top)-75))
{
tampon=document.getElementById(15).style.top;
document.getElementById(15).style.top=document.getElementById(id).style.top;
document.getElementById(id).style.top=tampon;
}
}

}
</script>


Dans le corps de la page :
<a href="javascript:start()">Start</a>
<div id="cadre" style="position:absolute;left:50;top:100;width:300;height:300;background-color:#EAF6E9;"></div>

Merci beaucoup d'avance pour votre aide!