<span> fungerar inte i Mozilla?

Har testat lite små javascripts för att visa och dölja <span></span>, det fungerar utmärkt i IE men inte i Mozilla...

<a href="#" onMouseOver="document.all.menu1.style.display='block'" onMouseOut="document.all.menu1.style.display='none'">Meny 1</a> | <a href="#" onMouseOver="document.all.menu2.style.display='block'" onMouseOut="document.all.menu2.style.display='none'">Meny 2</a><br>
<div id="menu1" style="display: none;">
Alternativ för meny 1.
</div>
<div id="menu2" style="display: none;">
Alternativ för meny 2.
</div>

(Ja, det är samma som i Internetworld :p ;) .)

Måste man göra på något annat sätt för att det ska fungera i Mozilla?

Vägledning tack!

Det beror på att scriptet endast är skrivet för IE-DOM. För att vara kompatibel med W3C's rekommendationer för DOM kan du använda;

<script language="JavaScript" type="text/javascript">
function changeStyle(Id,Property,Value){
	if (document.all){
		eval('document.all[Id].style.'+Property+'="'+Value+'"');
	} else if (document.layers){
		eval('document.layers[Id].'+Property+'="'+Value+'"');
	} else if (document.getElementById){
		eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
	}
}
</script>
<a href="#" onMouseOver="changeStyle('menu1','display','block');" onMouseOut="changeStyle('menu1','display','none');">Meny 1</a> | <a href="#" onMouseOver="changeStyle('menu2','display','block');" onMouseOut="changeStyle('menu2','display','none');">Meny 2</a><br>
<div id="menu1" style="display: none;">
Alternativ för meny 1.
</div>
<div id="menu2" style="display: none;">
Alternativ för meny 2.
</div>

Tackar :bire
Ska testa din kod lite senare, men det fungerar nog, annars så skickar jag ett inlägg till...