Muchas gracias por la respuesta.
Primero probé de que quede solamente .menu como dijiste , pero no funcionó, en Explorer seguía mostrando el problema.
Y en segundo lugar, la opcion que me dijiste de poner los comentarios para el Explorer, con un width de 300 px tampoco funcionó, jaajaj además no entendí porque quizás al poner eso se podía solucionar.
Igualmente muchísimas gracias... pero me estoy volviendo loco y no sé que hacer !!!!
Te copio de nuevo el código ya que le saqué algunas cosas que estaban de mas.
Código:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
ul.menu {width:200px;background:#CC0000;margin:0;padding:0;}
ul.menu li {height:50px;border-bottom:1px solid #5586AA;position:relative;list-style:none;}
ul.menu li a {display:block;height:100%;font:10px Arial,Helvetica,sans-serif;color:#FFF;}
ul.menu li ul {display:none;position:absolute;width:120px;left:250px;top:5px;background:#000000;}
</style>
<script language="JavaScript">
function menu(llamador)
{
var valor = llamador.parentNode.getElementsByTagName('ul')[0];
valor.style.display = valor.style.display == 'block' ? 'none' : 'block' ;
}
</script>
</head>
<body>
<ul class="menu">
<li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 1</a>
<ul>
<li><a href="#">Fila 1</a></li>
<li><a href="#">Fila 2</a></li>
</ul>
</li>
<li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 2</a>
<ul>
<li><a href="#">Fila 1</a></li>
<li><a href="#">Fila 2</a></li>
</ul>
</li>
<li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 3</a>
<ul>
<li><a href="#">Fila 1</a></li>
<li><a href="#">Fila 2</a></li>
<li><a href="#">Fila 3</a></li>
<li><a href="#">Fila 4</a></li>
</ul>
</li>
</ul>
</body>
</html>
Porque explorer lo muestra así ??