Firefox Menüleiste

[markus79]

Hallo hab mir eine Menüleiste gebaut die leider nur der IE sauber darstellen kann, da es mit Java Script funktioniert nun würde ich gerne noch das ganze auf den firefox portieren gibt es da Möglichkeiten das JS zu umgehen.
hier der Code:

<script type="text/javascript">

if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onclick=einblenden; LI.onmouseover =ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}

function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}

function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "black";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}

window.onload=hoverIE;
}
</script>


<style type="text/css">
body {color: black;
background: #6688FF;
}

ul#Navigation {
width: 10em;
margin: 0; padding: 0.1em;

background-color: #6688FF; //
}
* html ul#Navigation { /* Korrekturen fuer IE 5.x */
width: 11.6em;
width: 10em;
padding-left: 0;
padding-left: 0;
}
ul#Navigation li {
list-style: none;
margin: 1em; padding: 0;
}

ul#Navigation li ul {
margin: 0 0 0 1.5em; padding: 0.2em;
}
ul#Navigation li ul li {
margin: 0 0;
}
* html ul#Navigation li ul li { /* Korrektur fuer IE 5.x */
margin-left: 1em;
ma\rgin-left: 0;
}

ul#Navigation a {
display:block;
padding: 0.3em;
text-decoration: none; font-weight: bold;
font-family:sans-serif;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: #000033; background-color: #5566FF ;
}
* html ul#Navigation a {
width: 100%; /* Breitenangabe fuer IE 5.x */
wIdth: 8.8em; /* Breitenangabe fuer IE 6 */
}
* html ul#Navigation li ul li a {
width: 100%; /* Breitenangabe fuer IE 5.x */
width: 7.8em; /* Breitenangabe fuer IE 6 */
}
ul#Navigation a:hover {
border-color: white;
border-left-color: black; border-top-color: black;
color: #black; background-color: #3388FF;
}

ul#Navigation li>ul {
display: none; top: 1.6em;
}
ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
display block;
}

</style>