El siguiente código corresponde a un menú desplegable que funciona perfectamente en otros navegadores (explorer entre ellos) pero no asi en Safari, no consigo que al pasar el mouse por encima (ni clicando) que se despliegue.
¿alguien sabe porqué?


Gracias


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>sin titulo</title>
</head>

<body>
<style>.itMenu{position: absolute; clip: rect( ); background:black; visibility: hidden}
.cabMenu{position: absolute; clip: rect( ); color:#999fff; background:none;font-weight:light;font size:18}
a{color:#999fff;font-family:arial;text-decoration:none;font size:10}
a:hover{color:#000000;font-family:arial;font-weight:bold;text-decoration:none;font size:12}</style></b>





<script language="JavaScript">
var mie =(navigator.appName.indexOf("Microsoft")>=0)
var itemOrig;
function despMenu(nombre,sn)
{
obj = document.all[nombre];
if (sn>0)
obj.style.visibility = "visible";
else
obj.style.visibility = "hidden";
}
function destacar(obj, val)
{
if (val==1)
{
itemOrig = obj.style.backgroundColor;
obj.style.backgroundColor="999fff";
}
else
obj.style.backgroundColor= itemOrig;
}
</script>




<font size="2" face="arial">
<div id="Menu1" onMouseOver="despMenu('itMenu1',1)" onMouseout="despMenu('itMenu1',0)" style="width:80;height:20;z-index:2; left: 150px; top: 20px" class="cabMenu">
<div align="center"><font face="Arial, Helvetica, sans-serif">estilos</font><b><font face="Arial, Helvetica, sans-serif">
</font></b>
</div>
</div>
</font>
<div id="itMenu1" style="width:80;height:1;z-index:1;
left:150px;top:40" class="itMenu" onMouseOver="despMenu(this.id,1)" onMouseout="despMenu(this.id,0)">
<div id="itMenu11" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)">
<center>
<font face="verdana" size="2"><a href="../../a_estilo/aerograf/aerograf.htm" target="_self"><span class="unnamed1">aer&oacute;grafo</span></a></font>
</center>
</div>

<div id="itMenu11" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)" >
<center>
<font face="verdana" size="2"><a href="../../a_estilo/digital/digital.htm" target="_self"><span class="unnamed1">digital</span></a></font>
</center>
</div>

</body>
</html>