DOM et Internet Explorer

Bonjour à tous,

J'ai une fonction de création d'un div au survol de la souris et une qui l'efface à la sortie de la souris. Cela fonctionne niquel sous FF mais pas sous IE, sa me met une erreur JS... je ne vois pas le soucis et je vais finir par casser mon PC...

Enfin voila la carte :

Code:

1
2
3
4
5
6
 
<map name="Map" id="Map">
    <area shape="rect" coords="233,461,305,478" href="#" alt="Vieux-Boucau" onmouseover="fenetre('Vieux-Boucau','#','233','470');" onmouseout="close_fen();" />
    <area shape="rect" coords="227,480,289,492" href="consulter.php?port=Bayonne" alt="Bayonne" />
    <area shape="rect" coords="231,493,293,505" href="consulter.php?port=SAINT-JEAN-DE-LUZ" alt="Saint Jean de Luz"  onmouseover="fenetre('Saint Jean de Luz','#','225','500');" onmouseout="close_fen();"   />
  </map>

et les fonctions JS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
function fenetre(titre,url,left,top) {
 
var larg = (window.innerWidth);
larg = larg /2;
larg = larg - 405;
larg = parseInt(larg,10)+ parseInt(left,10);
 
var haut = parseInt(top,10) + 80+20;
 
var monCalque=document.createElement('div');
var test =document.getElementById("carteL");
 
monCalque.setAttribute("id","maclasse");
monCalque.setAttribute("idName","maclasse");
monCalque.style.left = larg+'px';
monCalque.style.top = haut+'px';
monCalque.style.position = 'absolute';
 
monCalque.innerHTML="<a href='"+url+"'>"+titre+"</a>";
test.appendChild(monCalque);
}
 
function close_fen() {
 
 document.getElementById("carteL").removeChild(document.getElementById("maclasse"));
 
}