Navi geht nicht!!! Problem: "changeStyleById('name','none');"

[feuerwurmXXL]

<script type="text/javascript">
<!--
document.write("<style>#e1 {display : none;}</style>")
document.write("<style>#e2 {display : none;}</style>")
document.write("<style>#e3 {display : none;}</style>")
document.write("<style>#e4 {display : none;}</style>")
document.write("<style>#e5 {display : none;}</style>")
-->
</script>
<noscript>
<style>
#e1 {display : block;}
#e2 {display : block;}
#e3 {display : block;}
#e4 {display : block;}
#e5 {display : block;}
</style>
</noscript>
<style>
body {
background : #fff;
color : #000;
}

body, div, span, a, p, h1, h2, h3 {
font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
}

#text {
width : 100%;
float : left;
background : #ccc;
}

#nav {
width : 100%;
float : left;
background-image : url(bg2.png);
background-position : top right;
}

/* Für Navi */
.klick {
padding : 3px 15px 3px 15px;
margin-bottom: -1px;
font-family : arial;
cursor : pointer;
cursor : hand;
}
</style>
<script type="text/javascript">
<!--
    function changeStyleById(el,ds) {
               if (document.getElementById) {
                  var nodeObj = document.getElementById(el)
                  nodeObj.style.display = ds;
                  }
           }
//-->
</script>
</head>

<div id="nav">
<script LANGUAGE="JavaScript">
<!--
var name = navigator.appName
if (name == "Microsoft Internet Explorer")
document.write("<fieldset>");

-->
</script>

<table><tr>
<td><div onMouseover="changeStyleById('e1','block'); changeStyleById('e2','none'); changeStyleById('e3','none'); changeStyleById('e4','none'); changeStyleById('e5','none');" style="border:1px solid #aaaaaa; left:200px;top:50px; -moz-border-radius:10px; -khtml-border-radius:30px;">Profil
</div></td>

<td><div onMouseover="changeStyleById('e2','block'); changeStyleById('e1','none'); changeStyleById('e3','none'); changeStyleById('e4','none'); changeStyleById('e5','none');" style="border:1px solid #aaaaaa; left:200px;top:50px; -moz-border-radius:10px; -khtml-border-radius:30px;">Chat
</div></td>

<td><div onMouseover="changeStyleById('e3','block'); changeStyleById('e1','none'); changeStyleById('e2','none'); changeStyleById('e4','none'); changeStyleById('e5','none');" style="border:1px solid #aaaaaa; left:200px;top:50px; -moz-border-radius:10px; -khtml-border-radius:30px;">Forum
</div></td>
</tr></table>
</form>
<div id="e1">Profil</div>
<form action="#" name="raum" method="post"><div id="e2">
<noscript>Chat</noscript><select name="raum" size="">
<optgroup label="&Ouml;ffentliche R&auml;ume">
<option value="funroom" selteced>Funroom</option>
<option value="date"            >Date</option>
<option value="tisch"           >Stammtisch</option>
<optgroup label="Themenbezogene R&auml;ume">
<option value="pc"              >Computertreffpunkt</option>
<option value="rap"             >Hip-Hopzone</option>
<option value="witze"           >Witze und R&auml;tselfun</option>
<option value="bauer"           >Bauern- & Tierhof</option>
<option value="mathe"           >Wissenschafts & Schulzone</option>
<option value="musik"           >Musikroom</option>
<optgroup label="Altersbegrenzte R&auml;ume">
<option value="gym"             >Gymnasium & Hauptschule</option>
<option value="12"              >Unter 12</option>
<option value="studi"           >Studenten- und Lehrlingschat</option>
<option value="20"              >20-up-room</option>
<option value="50"              >50 and more</option>
<option value="best"            >in the best years</option>
<option value="alt"             >Greisroom</option>
<optgroup label="Private R&auml;ume">
<!-- Neue Raeume -->
</select></fieldset><input type="Submit" name="submit" value="Los!"></form></font></div>

<div id="e3">
<form action="#" name="raum" method="post">
<noscript>Forum</noscript><select name="raum" size="">
<optgroup label="Programmierer-, FUNROOM- & Computerforum">
<!-- Programmiererforum Neu -->
<optgroup label="Musik- & Entertainmendforum">
<!-- Musikforum Neu -->
<optgroup label="Sch&ouml;nheits- & Modeforum">
<!-- Schoenheitsforum Neu -->
<optgroup label="Kulinarit&auml;ten- & Kalorienabbauforum">
<!-- Kulinaritaetenforum Neu -->
<optgroup label="Wissenschafts-, Bildungs- & Studentenforum">
<!-- Wissenschaftsforum Neu -->
<optgroup label="Kinder- & Familienforum">
<!-- Kinderforum Neu -->
<optgroup label="Elektronik-, Media- & Automobilforum">
<!-- Elektronikforum Neu -->
<optgroup label="Wirtschaft-, Umwelt-, News- & Politikforum">
<!-- Elektronikforum Neu -->
</select></fieldset><input type="Submit" name="submit" value="Los!"></form>

Ich habe e1 vergessen. Oben habe ich es im Code eingefügt. Tut mir Leid, euch unabsichtlich einen alten, falschem Quelltext gegeben habe. Aber das ändert nichts, den auch bei den anderen Menüpunkten geht das ned!

lg feuerwurmXXL