Mssmar: createELement() unter IE

Beitrag lesen

Hallo,

ich erhalte mit dem folgenden Code unter IE andere bzw. falsche Darstellung.

Unter FFox ist es richtig und es sieht genau so wie es sein sollte aus.

Aber IE hält sich wieder nicht an die Regeln.

Hat Jemand einen Tipp, was ich beim Code ändern könnte, damit es unter IE auch richtig formatiert wird.

Danke und Gruss
Messmar

  
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  
<html>  
<head>  
 <title>Untitled</title>  
 <style>  
   #hyperlinkList {  
    padding:1px 0;  
    font-family:arial;  
    text-decoration:none;  
    font-size:11px;  
    font-weight:bold;  
   }  
  
   #hyperlinkList a:link {  
    padding:0px;  
    font-family:arial;  
    text-decoration:none;  
    font-size:11px;  
    font-weight:bold;  
   }  
  
   a.listLink {  
    text-decoration:none;  
    font-family:arial;  
    font-size:11px;  
    font-weight:bold;  
   }  
  </style>  
</head>  
  
<body>  
 <div id="infoText" title="WWWWWW" style="width:200px;border:1px solid green;">  
   <ul id="hyperlinkUl">  
  
   </ul>  
  </div>  
 <script>  
   var links = new Array(4);  
  
   links["Audi"] = "javascript:showCar('car-audi_1.jpg');imgLayer2();";  
   links["Opel"] = "javascript:showCar('car-opel_1.jpg');imgLayer2();";  
   links["Honda"] = "javascript:showCar('car-honda_1.jpg');imgLayer2();";  
   links["VW"] = "javascript:showCar('car-vw_1.jpg');imgLayer2();";  
  
   for(var e in links)  {  
    var newLi = document.createElement("li");  
    var newA = document.createElement("a");  
  
    newLi.id="hyperlinkList";  
    newA.id=e;  
    newA.className="listLink";  
  
    newA.href=links[e];  
    newA.innerHTML=e;  
  
    document.getElementById("hyperlinkUl").appendChild(newLi);  
    document.getElementById("hyperlinkList").appendChild(newA);  
  
   }  
 </script>  
  
</body>  
</html>