Alguien podria ayudarme y decirme porque en IE el submenu se esconde detras ??
Código HTML:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
ul.menu {width:100px;background:#CC0000;}
ul.menu li {float:left;position:relative;border:1px solid #000000;background:#E5E5E5;list-style:none;}
ul.menu li a {display:block;font:bold 11px Arial,Helvetica,sans-serif;color:#000000;}
ul.menu li a:hover {background:#CCCCCC;}
ul.menu li ul {display:none;position:absolute;top:10px;left:-20px;z-index:1;}
ul.menu li ul li {border:0;}
</style>
<script language="JavaScript">
function menu(opcion,llamador){
var recibe = llamador.getElementsByTagName('ul')[0];
if (opcion == 1) { recibe.style.display="block"; } else { recibe.style.display="none"; }
}
</script>
</head>
<body>
<ul class="menu">
<li onMouseOver="menu(1,this)" onMouseOut="menu(2,this)"><a href="#">FILA 1</a>
<ul>
<li><a href="#">SUBFILA 1</a></li>
<li><a href="#">SUBFILA 2</a></li>
<li><a href="#">SUBFILA 3</a></li>
</ul>
</li>
<li onMouseOver="menu(1,this)" onMouseOut="menu(2,this)"><a href="#">FILA 2</a>
<ul>
<li><a href="#">SUBFILA 1</a></li>
<li><a href="#">SUBFILA 2</a></li>
<li><a href="#">SUBFILA 3</a></li>
</ul>
</li>
</ul>
<ul class="menu">
<li onMouseOver="menu(1,this)" onMouseOut="menu(2,this)"><a href="#">FILA 1</a>
<ul>
<li><a href="#">SUBFILA 1</a></li>
<li><a href="#">SUBFILA 2</a></li>
<li><a href="#">SUBFILA 3</a></li>
</ul>
</li>
<li onMouseOver="menu(1,this)" onMouseOut="menu(2,this)"><a href="#">FILA 2</a>
<ul>
<li><a href="#">SUBFILA 1</a></li>
<li><a href="#">SUBFILA 2</a></li>
<li><a href="#">SUBFILA 3</a></li>
</ul>
</li>
</ul>
TEXTO QUE DEBERIA IR DEBAJO
TEXTO QUE DEBERIA IR DEBAJO
TEXTO QUE DEBERIA IR DEBAJO
</body>
</html>