Problème Javascript IE9

Bonjour,

J'ai un soucis avec un code Javascript seulement sur IE9.

Sur IE7, sur IE8 cela passe correctement.
Sur Firefox, Chrome, Safari et Opera, cela fonctionne parfaitement.

Quand je clic sur le lien et que j'active la fonction, elle ne cache aucun div sur IE9 ...

Le code est vraiment très simple, le voici ci-dessous :

<html> 
 <head> 
  
 <script> 
  function connexion() { 
   document.getElementById("espaceconnexion").style.display ="none"; 
   document.getElementById("listehaut").style.display ="none"; 
   document.getElementById("espaceco").style.display ="inline"; 
  } 
   
 </script> 
 </head> 
 <body> 
 <a href="#" onclick="connexion();">test</a> 
  
  <div id="espaceconnexion"> 
   ESPACE CONNEXION 
  </div> 
   
  <div id="listehaut"> 
  LISTE HAUT 
  </div> 
   
  <div id="espaceco"> 
   ESPACE CO 
  </div> 
 </body> 
</html> 

Merci d'avance !



Pour vivre heureux, vivons cachés.