سوال: چرا این کد جاوااسکریپت توی ie و opera کار میکنه ولی توی firefox نه؟

کد زیر رو توی مرورگرهای ie - opera تست کردم کار کرد ولی توی فایرفاکس نه؟ چرا؟
این کد برای نمایش یک منو هستش...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

#menu{

	width:100px; height:25px;

	background-image:url(images/Left.png);

	background-repeat:no-repeat;

	background-position:left center;

	text-align:right;

	padding-top:5px;

	padding-right:10px;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	cursor:pointer;

	background-color:#FFCC99;

	position:absolute;

	top:50px; right:0px;

	}

	

#menu_list{

	width:250px;

	text-align:right;

	position:absolute;

	top:50px; right:100px;

	border:1px #000099 solid;

	line-height:140%;

	display:none;

	}

	

.menu_item{

	background-color:#FFFFCC;

	padding:4px;

	cursor:pointer;

	}

	

.menu_item_onMouseOver{

	background-color:#0099FF;

	color:#CC6666;

	padding:4px;

	cursor:pointer;

	}

</style>

<script language="javascript" type="text/javascript">

	function menu_onMouseOver(){

		menu.style.color="white"

	}

	

	function menu_onMouseOut(){

		menu.style.color="black"

	}

	

	function Show_Menu(){

		menu_list.style.display="inline"

	}

	

	function Hide_Menu(){

		menu_list.style.display="none"

	}

</script>

</head>



<body>

		<div onMouseOver="Show_Menu()" onMouseOut="Hide_Menu()">

			<div id="menu" onMouseOver="menu_onMouseOver()" onMouseOut="menu_onMouseOut()">

				منو

			</div>

			<div id="menu_list">

				<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver  '" onMouseOut="this.className='menu_item'">منوی شماره 1</div>

				<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver  '" onMouseOut="this.className='menu_item'">منوی شماره 2</div>

				<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver  '" onMouseOut="this.className='menu_item'">منوی شماره 3</div>

				<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver  '" onMouseOut="this.className='menu_item'">منوی شماره 4</div>

				<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver  '" onMouseOut="this.className='menu_item'">منوی شماره 5</div>

				<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver  '" onMouseOut="this.className='menu_item'">منوی شماره 6</div>

				

			</div>

		</div>

</body>

</html>