ho provato col tuo codice ma non funziona,

codice:
<head>   
<title>prova</title> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<style type="text/css">  
body{ background-color:pink; }  

#menu{ width:100%; font: 14px "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif; }  

#menu ul{margin:0; padding:0;}   

#menu li{margin: 0; padding: 0; position: relative; float: left; list-style:none; }  

#menu li a{ width: 90px; height: 30px; display: block; text-decoration: none; line-height: 30px; text-align:center;color: #FFB6C1; background-color: black; }     

#menu li a:hover { color: #FF69B4;}   

#menu ul ul{ position: absolute; visibility: hidden; }   

#menu ul ul li a{ width:175px; height:50px; background-color:white; position:relative; left:10px; top:0; text-align:left; line-height:50px; } 

#menu ul li:hover ul{ visibility: visible; }     

#SottoDestra{  width:200px;  height:100px;  background: url(submenu_bottom.png) no-repeat;  position:absolute;  left:105px;  top:138px;  display:none; }    

#SottoSinistra{ width:6px; height:65px; background: url(menu_right.png); position:absolute; left:282px; top:4px; }   

#SopraSinistra{ width:6px; height:73px; background: url(nav.png); position:absolute; left:282px; top:68px;  }    

<script type="text/javascript"> function visibile(#SottoDestra, visi) { var e = document.getElementById(id); e.style.display = ""+visi+"" } 
</script>     
</style> 
</head> 

<body> 
<div id="menu">     
<ul>        [*]Home 	   [*]Trucco 	   
<ul>       [*]Camouflage        [*]Eventi        [/list]
        [*]Unghie 	   
<ul>        [*]Manicure        [*]Ricostruzione        [/list]
        [*]Acconciature 	   [*]Gallery        [*]Prezzi        [*]Chi Siamo 	   [*]Contatti      [/list]
</div>  
<div id="SopraSinistra"></div> 
<div id="Sottomenu"></div> 
<div id="SottoSinistra"></div> 
<div id="SottoDestra"></div> 
</body> 
</html>