CSS - i en tabel

Hej

Jeg har tabel hvor jeg har en lille menu der er implementeret via Javascript !!!

Men jeg kan ikke få stylesheetet til at virke på den !!
Goder ideer søges !!!!

Index.html:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">

<HTML>

<Head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<Title>Title</Title>
<Link rel=\"stylesheet\" type=\"text/css\" href=\"/css/style.css\">
</Head>

<!-- Indsætter body tagget -->
  <Body>


    <Table class=\"hovedtabel\">

    <Tr class=\"rowstr1\">
      <Td align=\"center\" valign=\"top\" colspan=\"2\">

        <Table class=\"toptabel\">

        <Tr>
          <Td align=\"center\" valign=\"middle\">Strandboernes IntraNET - StrandboNET</Td>
        </Tr>
       
        </Table>

    </Td>
   
    </Tr>


    <Tr class=\"rowstr2\">
      <Td  valign=\"top\" width=\"250\">

        <Table class=\"menu\">

        <Tr>
          <Td valign=\"Top\" height=\"250\"><P><Script Language=\"Javascript\" src=\"/script/menu.js\" type=\"text/javascript\"></Script></P></Td>
        </Tr>

        <Tr>
          <Td align=\"center\" valign=\"top\">Test test</Td>
        </Tr>
               
        </Table>

    </Td>


      <Td align=\"left\" valign=\"top\" width=\"500\">

        <Table class=\"main\">

        <Tr>
          <Td align=\"center\" valign=\"middle\" colspan=\"2\">Main</Td>
        </Tr>
       
        </Table>
   
    </Tr>

    </Table>

</BODY>
</HTML>


menu.js ser sådan ud:

document.write(\'<A Href=\"noget.html\" id=\"menupkt\">+ Referater</A>\');