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

bensky

Erfahrenes Mitglied
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:confused:

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

HTML:
<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>
 
Zurück