✔ Javascript Menü was den FF liebt aber den IE nicht will

[bensky]

Hi Leute,
ich habe mir ein JS/Css menü zusammengebau und war auch ganz stolz drauf das es im FF astrein funktioniert hat. Dann mach ich den IE auf und es funktioniert nur ganz bescheiden

Hat jemand mal das gleiche problem gehabt und kann mir vielleicht einen Tip geben woran mein Menü scheitert? Schon mal danke im Voraus.

<style type="text/css">
.bereich{
display: block;
color: #FFFFFF;
background-color: #000000;
text-align: center;
}

a.link{
display: block;
color: #FFD700;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}

a.link.bereich{
display: block;
background-color: #000000;
width: 600px;
height: 120px;

}

a.link:hover{
display: block;
color: #000000;
background-color: #FFD700;
}
</style>

<script type='text/javascript'>
 function anzeigen(das){
 if(document.getElementById(das).style.display=='none') 
 document.getElementById(das).style.display='block'; 
 else document.getElementById(das).style.display='none';}
 </script>

<table cellPadding=0 cellSpacing=0 style="position: absolute; top: 50px; left:50px; width: 600px; height: 130px;">
<tr>
<td valign=top width="200">
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
Profil
<span id="menue#1" style="display: none;">
<a href="" class="link">Das Büro</a>
<a href="" class="link">Geschäftsführung</a>
<a href="" class="link">Tragwerksplanung</a>
<a href="" class="link">Brandschutzplanung</a>
<a href="" class="link">Kontakt</a>
<a href="" class="link">Impressum</a>
</span>
</div>
</td>
<td valign=top width="200">
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
Referenzen
<span id="menue#2" style="display: none;">
<a href="" class="link">Bauten für das Gesundheitswesen</a>
<a href="" class="link">Öffentliche Bauten</a>
<a href="" class="link">Freizeitbauten</a>
</span>
</div>
</td>
<td valign=top width="200">
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
Kompetenzen
<span id="menue#3" style="display: none;">
<a href="#" class="link">Tragwerksplanung</a>
<a href="#" class="link">Brandschutz</a>
<a href="#" class="link">Wärmeschutz</a>
<a href="#" class="link">Schallschutz</a>
<a href="#" class="link">Bauüberwachung</a>
</span>
</div>
</td>
</tr>
</table>

 

[bensky]

Hat sich gerade erledigt.
Wer lesen kann is klar im vorteil:
http://www.tutorials.de/forum/javascript-ajax/131875-javascript-menue-2.html