tu menu tapoco funciona en ie 6..
te paso uno que hice a horita...
me tome la molesita de tabular tu codigo, no me gusta trabajar con codigos desordenados.
=)
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Untitled</title>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#menu a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#336699;
height:17px;
text-align:center;
text-decoration:none;
padding:5px 10px;
background-color:#fff;
}
#menu a:hover{
background-color: #4487C2;
color: #FFF;
}
#menu{
list-style-type:none;
}
#menu li{
position: relative;
float: left;
width:100px;
}
#menu li ul{
list-style-type:none;
display:none;
position:absolute;
top:27px;
left:0px;
}
#menu li:hover ul,#menu li.over ul{
display:block;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#1">Enlace 1</a>
<ul>
<li><a href="#11">enlace 1.1</a></li>
<li><a href="#12">enlace 1.2</a></li>
<li><a href="#13">enlace 1.3</a>
<ul>
<li><a href="#">enlace 1.3.1</a></li>
<li><a href="#">enlace 1.3.2 </a>
<ul>
<li><a href="#">enlace 1.3.2.1</a></li>
</ul>
</li>
<li><a href="#">enlace 1.3.3</a></li>
</ul>
</li>
<li><a href="#14">enlace 1.4</a>
<ul>
<li><a href="#141">enlace 1.4.1</a></li>
<li><a href="#143">enlace 1.4.2</a></li>
<li><a href="#143">enlace 1.4.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#2">Enlace 2</a>
<ul>
<li><a href="#21">enlace 2.1</a></li>
<li><a href="#22">enlace 2.2</a></li>
<li><a href="#23">enlace 2.3</a></li>
<li><a href="#24">enlace 2.4</a></li>
</ul>
</li>
<li><a href="#3">Enlace 3</a>
<ul>
<li><a href="#31">enlace 3.1</a></li>
<li><a href="#32">enlace 3.2</a>
<ul>
<li><a href="#">enlace 3.2.1</a></li>
<li><a href="#">enlace 3.2.2</a></li>
</ul>
</li>
<li><a href="#33">enlace 3.3</a></li>
<li><a href="#34">enlace 3.4</a></li>
</ul>
</li>
<li><a href="#4">Enlace 4</a>
<ul>
<li><a href="#41">enlace 4.1</a></li>
<li><a href="#42">enlace 4.2</a></li>
<li><a href="#43">enlace 4.3</a></li>
<li><a href="#44">enlace 4.4</a></li>
</ul>
</li>
<li><a href="#5">Enlace 5</a>
<ul>
<li><a href="#51">enlace 5.1</a></li>
<li><a href="#52">enlace 5.2</a></li>
<li><a href="#53">enlace 5.3</a></li>
<li><a href="#54">enlace 5.4</a></li>
</ul>
</li>
</ul><br /><br />
<p>asdasda</p>
</body>
</html> obiamente se usa js ya que li:hover no soporta ie6
nota: use la tenicna de Suckerfish Dropdowns
http://www.alistapart.com/articles/dropdowns 