Link forsvinder

Hej.
Min søster er igang med noget hjemmeside som jeg lige nu prøver at få til at virke, men én ting kan jeg ikke forstå:
  <table align="center" width="416px">
  <tr valign="bottom">
  <td align="center" valign="middle" style="background-image:url(billeder/kasse1.png); background-repeat:no-repeat; height:91px; vertical-align:middle;"><p class="style1"><font face="Geneva, Arial, Helvetica, sans-serif" color="#564658"><a href="brochure.html" class="port">Brochurer</a></font></p>
    </td>
  </tr>
  <tr>
  <td align="center" style="background-image:url(billeder/kasse2.png); background-repeat:no-repeat; height:40px; vertical-align:middle;"><font color="#564658" size="9px" face="Geneva, Arial, Helvetica, sans-serif" class="style1"><b>
    <a href="hjemmesider.html" class="port"><div style="z-index:99999999999999999;">Hjemmesider</div></a></b></font></td>
  </tr>
  <tr>
    <td align="center" style="background-image:url(billeder/kasse3.png); background-repeat:no-repeat; height:58px; vertical-align:middle;"><font color="#564658" size="9px" face="Geneva, Arial, Helvetica, sans-serif" class="style1"><b>
    <a href="logoer.html" class="port"><div style="z-index:99999999999999999;">Logoer</div></a></b></font></td>
  </tr>
  <tr>
    <td align="center" style="background-image:url(billeder/kasse4.png); background-repeat:no-repeat; height:88px; vertical-align:middle;"><font color="#564658" size="9px" face="Geneva, Arial, Helvetica, sans-serif" class="style1"><b>
    <a href="div_opgaver.html" class="port"><div style="z-index:99999999999999999;">Div. opgaver</div></a></b></font></td>
  </tr>
  <tr>
    <td align="center" style="background-image:url(billeder/kasse5.png); background-repeat:no-repeat; height:108px; vertical-align:middle;"><font color="#564658" size="9px" face="Geneva, Arial, Helvetica, sans-serif" class="style1"><b>
    <a href="brudekjoler.html" class="port"><div style="z-index:99999999999999999;">Festtøj</div></a></b></font></td>
  </tr>
  <tr>
    <td align="center" style="background-image:url(billeder/kasse6.png); background-repeat:no-repeat; height:76px; vertical-align:middle;"><font color="#564658" size="9px" face="Geneva, Arial, Helvetica, sans-serif" class="style1"><b>
    <a href="bornetoj.html" class="port"><div style="z-index:99999999999999999;">Børnetøj</div></a></b></font></td>
  </tr>
  </table>

De links der er her forsvinder bag baggrundsillederne (eller evt helt væk)... Nogle idéer? Jeg har prøvet med en masse z-index som også kan ses... Stylet ser sådan ud:
a.port:link {
    color:#564658;
    text-decoration:none;
    z-index:9999999999999;
}

a.port:active {
    color:#564658;
    text-decoration:none;
    z-index:9999999999999;
}

a.port:visited {
    color:#564658;
    text-decoration:none;
    z-index:9999999999999;
}

a.port:hover {
    color:#000000;
    text-decoration:none;
        z-index:9999999999999;
}
________________
Håber nogen kan hjælpe!!! :-)

P.S Mit problem kan ses her: http://iistest.noea.dk/noergaard/portfolie.html