menù verticale che non funziona su Firefox

[lorymacri]

Ciao ragazzi,

ho un piccolo problema con questo js che posto. Funziona con tutti i browser tranne che con Firefox. Dove sta il problema? lo script lo fatto io ed è molto semplice. E' un menù verticale che apre e chiude dei div.

Per comodità riporto solo due voci di menù, le altre sono uguali
Codice js

function showHide(id) {
	//id.id.style.display	='none';
	
	if (id.style.display != 'block')
		id.style.display = 'block';
	else
		id.style.display = 'none';
	
		
	if (id.id=='submenu1')	{
	//	document.getElementById('submenu1').style.display='block'; 
		document.getElementById('submenu2').style.display='none';
		document.getElementById('submenu3').style.display='none';
		document.getElementById('submenu4').style.display='none';
		document.getElementById('submenu5').style.display='none';
		document.getElementById('submenu6').style.display='none';
     
	} else
	
	if (id.id=='submenu2')	{
		document.getElementById('submenu1').style.display='none';
	//	document.getElementById('submenu2').style.display='block'; 
		document.getElementById('submenu3').style.display='none';
		document.getElementById('submenu4').style.display='none';
		document.getElementById('submenu5').style.display='none';
		document.getElementById('submenu6').style.display='none';
		 
	} 
}

Codice HTML

<div>MENU 1</div>
        <div id='submenu1' style='display:none'>
	<ul>
		[*]subvoce1.1
		[*]subvoce1.2
		[*]subvoce1.3
	[/list]
	</div>
    
</div>MENU 2</div>
	<div id='submenu2' style='display:none'>
	<ul>
		[*]subvoce2.1
		[*]subvoce2.2
		[*]subvoce2.3
	[/list]
	</div>