Problem mit FireFox

[Tim1984]

Hallo Leute,

ich verzweifel gerde an einem einfach total simplen script und find den Fehler nicht.Hab eine Navigation mit 3 Hauptpunkten. Klickt man auf einen drauf, so verschieben sich die anderen punkte nach unten und das untermenü wird sichtbar. Im IE klappt auch alles aber im FireFox werden die Unterpunkte immer unter allen drei Hauptpunkten sichtbar.

JavaScript:

function Unternehmen()
   {
      document.getElementById("Leistungen").style.top='145';
	  document.getElementById("Service").style.top='170';
	  document.getElementById("Unternehmen2").style.visibility="visible";
	  document.getElementById("Leistungen2").style.visibility="hidden";
	  document.getElementById("Service2").style.visibility="hidden";
	  
	  document.getElementById("IMGUnternehmen").src="Bilder/navi_auf.gif";
	  document.getElementById("IMGService").src="Bilder/navi_zu.gif";
	  document.getElementById("IMGLeistungen").src="Bilder/navi_zu.gif";
	  
   }
    function Leistungen()
   {
      document.getElementById("Leistungen").style.top="45";
	  document.getElementById("Service").style.top="170";
	  document.getElementById("Unternehmen2").style.visibility="hidden";
	  document.getElementById("Leistungen2").style.visibility="visible";
	  document.getElementById("Service2").style.visibility="hidden";
	  
	  document.getElementById("IMGUnternehmen").src="Bilder/navi_zu.gif";
	  document.getElementById("IMGService").src="Bilder/navi_zu.gif";
	  document.getElementById("IMGLeistungen").src="Bilder/navi_auf.gif";
   }
   function Service()
   {
      document.getElementById("Leistungen").style.top="45";
	  document.getElementById("Service").style.top="70";
	  document.getElementById("Unternehmen2").style.visibility="hidden";
	  document.getElementById("Leistungen2").style.visibility="hidden";
	  document.getElementById("Service2").style.visibility="visible";
	  
	  document.getElementById("IMGUnternehmen").src="Bilder/navi_zu.gif";
	  document.getElementById("IMGService").src="Bilder/navi_auf.gif";
	  document.getElementById("IMGLeistungen").src="Bilder/navi_zu.gif";
   }

HTML:

<div id="Unternehmen" class="Unsernehmen">
  <table border="0" width="150">
    <tr>
      <td background="Bilder/navi_haupt.gif" class="tabelleNavi"><img src="Bilder/navi_zu.gif" id="IMGUnternehmen"><a href="#" onClick="Unternehmen();">User Unternehmen</a></td>
    </tr>
</table>
</div>
<div id="Unternehmen2" class="Unsernehmen2">
<table border="0" width="150">
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Unser Team</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Unternehmenshistorie</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">So erreichen Sie uns</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Filialen</td>
  </tr>
</table>
</div>
<div id="Leistungen" class="Leistungen">
  <table border="0" width="150">
    <tr>
      <td background="Bilder/navi_haupt.gif" class="tabelleNavi"><img src="Bilder/navi_zu.gif" id="IMGLeistungen"><a href="#" onClick="Leistungen();">Usere Leistungen</a></td>
    </tr>
</table>
</div>
<div id="Leistungen2" class="Leistungen2">
<table border="0" width="150">
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test1</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test2</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test3</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test4</td>
  </tr>
</table>
</div>
<div id="Service" class="Service">
  <table border="0" width="150">
    <tr>
      <td background="Bilder/navi_haupt.gif" class="tabelleNavi"><img src="Bilder/navi_zu.gif" id="IMGService"><a href="#" onClick="Service();">User Service</a></td>
    </tr>
</table>
</div>
<div id="Service2" class="Service22">
<table border="0" width="150">
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test5</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test6</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test7</td>
  </tr>
  <tr>
    <td background="Bilder/navi_unter.gif" class="tabelleNavi">Test8</td>
  </tr>
</table>
</div>

css:

.Unsernehmen {position:absolute; top:20px; left:20px;}
.Unsernehmen2 {position:absolute; top:45px; left:20px; visibility:hidden}
.Leistungen{position:absolute; top:45px; left:20px;}
.Leistungen2{position:absolute; top:70px; left:20px; visibility:hidden}
.Service{position:absolute; top:70px; left:20px;}
.Service22{position:absolute; top:95px; left:20px; visibility:hidden}

Bitte helft mir ich find das Problem nicht.

Tim

 

[Quaese]

Hi,

versuch mal, ob es funktioniert, wenn du den top-Angaben Einheiten (px) mitgibst.

Zum Beispiel:

document.getElementById("Leistungen").style.top='145px';

Ciao
Quaese