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>