เรียกใช้ ฟังก์ชั่น show_menu แล้วมันมีปัญหาตรง popup มันค้างอยู่

<script>
	function show_menu(){
		var menu_detial=document.getElementById('menu_detial');
		var table=document.getElementById('table');
		var speed=1;
		if(menu_detial.style.display=='none'){
			menu_detial.style.display='';
			for(i=speed;i<=150;i++){
				menu_detial.style.width=i;
			}
			table.style.display='';
		}else{
			table.style.display='none';
			menu_detial.style.display='none';
		}
	}
	</script>

<table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td background="images/btn_productHome.jpg" style="background-repeat:no-repeat;width:158px;height:20px;font-weight:bold;color:#FFFFFF;cursor:pointer" align="center" onmouseover="show_menu();">&nbsp;</td>
          </tr>
        </table>
	  </div>
<!-- -->      
	 <div id="menu_detial" style="position:absolute; top:460px; margin-left:1015px; width:150px;z-index:300;background:#4A4A4A;border:#FFFFFF 1px solid;display:none;padding-bottom:5px"> 
		<table width="100%" border="0" id="table">
		  <tr>
			<td>
		<ul div id="fontlogin">
			<li><a href="product.php">Product Home</a></li>
            <li><a href="Products_Silver.php">Silver Jewellery</a></li>
            <li><a href="Products_Fashion.php">Fashion Jewellery</a></li>
            <li><a href="Products_Stylish.php">Stylish Jewellery</a></li>
            <li><a href="Products_Silver_Necklaces.php">Necklaces</a></li>
            <li><a href="Products_Silver_Bracelets.php">Bracelets</a></li>
            <li><a href="Products_Silver_Earrings.php">Earrings</a></li>
            <li><a href="Products_Silver_Accessories.php">Accessories</a></li>
            <li><a href="Product_PackagingDisplay.html">Packaging & Display</a></li>
            <li><a href="Products_Silver_Topsale.php">Top Sales</a></li>
		</ul>
		</td>
		  </tr>
		</table>