Gracias como siempre Mikel.
Te comento, hice lo que me dijiste, pero como era de esperar al probar, solamente funciona con Firefox, y no con Explorer. Te adjunto nuevamente el codigo para que veas como queda completo:
Código HTML:
<html>
<head>
<title></title>
<style type="text/css">
ul {margin:0;padding:0;}
li {list-style:none;}
div.contenido ul.menu {width:150px;height:100px;float:left;border:1px solid #CC0000;}
div.contenido ul.menu li {width:100%;height:30px;position:relative;margin-top:2px;}
div.contenido ul.menu li ul {display:none;width:150px;top:0px;left:150px;position:absolute;background:#CC0000;z-index:10;}
div.contenido div {width:400px;height:100px;float:left;position:relative;border:1px solid #2E5F83;margin-left:2px;z-index:1;background:#E5E5E5;/*ESTE BACKGROUND SI SE BORRA FUNCIONA*/}
div.contenido div ul {position:absolute;bottom:0;}
</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>
<div class="contenido">
<ul class="menu">
<li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 1</a>
<ul>
<li>SUB FILA 1</li>
<li>SUB FILA 2</li>
</ul>
</li>
<li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 2</a>
<ul>
<li>SUB FILA 1</li>
<li>SUB FILA 2</li>
</ul>
</li>
</ul>
<div>
<ul>
<li>TEXTO UBICADO VERTICALMENTE INFERIOR</li>
</ul>
</div>
</div>
</body>
</html>
No lo puedo hacer funcionar en Explorer, no se me ocurre nada. No entiendo porque el Explorer no hace caso a la instrucción z-index que me has echo poner... maldito explorador. Se te ocurre algo ?
Nuevamente mil gracias.