ayuda con este sub menu en Explorer6

hola a todos, necesito ayuda para un menu desplegable, ya jala en todos los navegadores, el unico que me esta dando problemas es Explorer6, ojala alguien me diga que mefalta o en donde esta mi error.

html

<div id="nav">

<ul id="nav">
<li id="nav1"><a href="index.html">INICIO</a></li>
<li id="nav2" class="banda"><a href="bandas.html">BANDAS</a>
<ul>
<li><a href="bandas.html">TECNOLOG&Iacute;A</a> | </li>
<li><a href="selector.html">SELECTOR</a> |</li>
<li><a href="catalogo.html">CAT&Aacute;LOGO </a></li>
</ul>
</li>
<li id="nav3"><a href="materiales.html">MATERIALES</a></li>
<li id="nav4"><a href="accesorios.html">ACCESORIOS</a></li>
<li id="nav5"><a href="renovadores.html">RENOVADORES</a></li>
<li id="nav6"><a href="contacto.html">CONTACTO</a></li>
</ul>

</div>

CSS


#nav {
MARGIN-TOP: 0px; BACKGROUND: url(../images/bg_menu2.gif) repeat-x; FLOAT: center; WIDTH: 783px; HEIGHT: 28px; position: relative;
}
#nav UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 4px
}
#nav li A {
PADDING-RIGHT: 16px; PADDING-LEFT: 16px; PADDING-BOTTOM: 6px; FONT: bold 11px arial,sans-serif,verdana; TEXT-TRANSFORM: uppercase; COLOR: #000066; PADDING-TOP: 4px; TEXT-DECORATION: none;
}

#nav li A:hover {
BORDER-RIGHT: #000066 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #000066 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; BORDER-LEFT: #000066 1px solid; COLOR: #CC0000; LINE-HEIGHT: 24px; PADDING-TOP: 4px; BORDER-BOTTOM: #F1F2F3 0px solid; BACKGROUND-COLOR: #F1F2F3; _line-height: 15px
}

#nav UL li {
DISPLAY: inline;

}

ul#nav {
list-style:none;
}

ul#nav li ul{
position:relative;
}

ul#nav ul, li{
display: block;
}


ul#nav ul
{
WIDTH: 400px;
HEIGHT: 40px;
FONT: bold 10px arial,sans-serif,verdana;
COLOR:#666666;
TEXT-TRANSFORM: uppercase;
PADDING-TOP: 20px;
margin-top:0px;
display:none;
list-style:none;
float:left;
}

ul#nav li:hover > ul
{
display:block;
}

ul#nav> li > ul
{
position:absolute;
top:19px;
display:none;
list-style:none;
*left:0px;
}

ul#nav > li
{
display:inline;
}

ul#nav ul li a {
WIDTH: 300px;
HEIGHT: 50px;
FONT: bold 10px arial,sans-serif,verdana;
COLOR:#000066;
TEXT-TRANSFORM: uppercase;
PADDING-TOP: 0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:none;
}

ul#nav ul li a:hover {
WIDTH: 300px;
HEIGHT: 50px;
FONT: bold 10px arial,sans-serif,verdana;
COLOR:#CC0000;
TEXT-TRANSFORM: uppercase;
PADDING-TOP: 0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:none;
}

.banda{ background-image:url(../images/up.gif); background-repeat:no-repeat; background-position:65px}


li:hover ul, li.over ul {
display: block;
}

Hola
Dime cual es el error? que te sale en IE6?

Algo que veo es el atributo padding en el css, es mejor que uses margin, porque el padding molesta mucho en IE6..

Cualquier cosa me avisas


Saludos

olvidate de IE6, la mayoría ya trabaja con IE7

mejor detecta el navegador y pon un mensaje para que lo actualicen