CSS, varför inte?

Varför funkar inte följande i NS (4.x) ?

<script language="JavaScript">
<!--
if(document.all)
{
  document.writeln('<style type="text/css">');
  document.writeln('<!--');
  document.writeln('.input1 { background-color: <%=ljusgul%>; font-size: 9px; border: 1px; border-color: <%=morkgul%>; border-style: solid; font-family: Verdana, Arial, Helvetica, sans-serif;}');
  document.writeln('.input2 { font-size: 9px; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;}');
  document.writeln('.premiegrupp { font-size: 14px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCCCCC; font-weight: bold;}');
  document.writeln('.premietext { font-size: 10px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}');
  document.writeln('.premieheader { font-size: 12px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px; vertical-align: text-top; font-weight: bold;}');
  document.writeln('-->');
  document.writeln('</style>');
}
else
{
  document.writeln('<style type="text/css">');
  document.writeln('<!--');
  document.writeln('.input1 { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;}');
  document.writeln('.input2 { font-size: 9px; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;}');
  document.writeln('.premiegrupp { font-size: 14px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #CCCCCC; font-weight: bold;}');
  document.writeln('.premietext { font-size: 10px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}');
  document.writeln('.premieheader { font-size: 12px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30px; vertical-align: text-top; font-weight: bold;}');
  document.writeln('-->');
  document.writeln('</style>');
}
-->
</script>

Funkar utmärkt i IE men ej i netskräp...