Mozilla und document.write mit StyleSheets

[MichaelB]

Hallo allerseits,

ich habe eine normale HTML-Seite, bei der im BODY folgender Abschnitt steht:
<script language="JavaScript" type="text/javascript">
  <!--
     for(var i = 1; i <= 6; i++) {
      document.write("<a href="javascript:load_url("+i+");">");
      document.write("<div style="position:absolute;
          top:"+(i*100+8)+"px; left:750px; height:80px; width:215px;
           cursor:hand;">");
      document.write("<p id="element"+i+"" > </p></div></a>");
     }
  //-->
</script>

Soweit so gut. Im InternetExplorer (6) macht er das auch wunderbar. Er positioniert die Elemente richtig und es erscheint auch eine Hand, wenn man mit der Maus über die durch DIV definierten Elemente geht.

Im Mozilla (ich hab hier die 1.6) positioniert er auch alles richtig, aber es erscheint die Hand nicht die ja durch das StyleSheet cursor:hand festgelegt wird.
Wenn man sich die Stuktur im Mozilla-DOM-Inspector anschaut, dann sieht man auch alle StyleSheet-Angaben korrekt eingebunden. Nur eben nicht das cursor:hand;. Das scheint also die Mozilla nicht mit zu interpretieren. Wenn man den HTML-Code normal hinschreibt (also ohne Javascript und document.write), dann funktioniert es auch im Mozilla. Ich würde aber trotzdem lieber die obige, schlankere Programmierung bevorzugen.

Was kann man da machen bzw. ist bekannt, daß der Mozilla bestimmte Style-Angaben auf diese Weise nicht interpretiert? Meine Suche blieb bisher erfolglos.

Danke im Voraus für eventuelle Antworten.

Gruß
   MichaelB