Ian: visible

Beitrag lesen

ich will durch ein Klick auf Menu, dass alle untermenüs angezeigt werden. Ich löste es so, mit Firefox gehts mit IE nicht. Was mache ich falsch?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<SCRIPT type="text/javascript">

function show() {
 document.getElementById("home").style.visibility = "visible";
 document.getElementById("home").style.background = "#FFFF00";
 document.getElementById("news").style.visibility = "visible";
 document.getElementById("news").style.background = "#FFFF33";
 document.getElementById("links").style.visibility = "visible";
 document.getElementById("links").style.background = "#FFFF66";
 document.getElementById("others").style.visibility = "visible";
 document.getElementById("others").style.background = "#FFFF33";
 document.getElementById("bio").style.visibility = "visible";
 document.getElementById("bio").style.background = "#FFFF00";
 }

</SCRIPT>
<style type="text/css">
<!--
.Stil1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>

<body>

<table width="791" height="498" border="0">
  <tr>
    <td width="87" height="82">&nbsp;</td>
    <td width="596" align="center">
 <table width="600" border="0">
      <tr>
        <td width="100" >&nbsp;</td>
        <td width="100"></td>
        <td width="100" align="center"><A HREF="Javascript:show()"> Menu  </a></td>
        <td width="100"></td>
        <td width="100"></td>

</tr>
    </table>

<table width="600" border="0">
      <tr>
        <td width="100" align="center" style="visibility:hidden"><div ID="home"> Home </div></td>
        <td width="100" align="center" style="visibility:hidden"><div ID="news"> News </div></td>
        <td width="100" align="center" style="visibility:hidden"><div ID="links"> Links </div></td>
        <td width="100" align="center" style="visibility:hidden"><div ID="others"> Others </div></td>
        <td width="100" align="center" style="visibility:hidden"><div ID="bio"> Bio </div></td>

</tr>
    </table>

</td>

</td>

<td width="94">&nbsp;</td>
  </tr>
  <tr>
    <td height="319">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="89">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>