Les dejo el código a ver si alguien se da cuenta en que anda fallando, gracias.
Código Javascript :
/*MENU*/ li {list-style-type: none} #main-nav {width:426px; margin: 230px 0 0 0%; float: right; padding-right: 320px; } #main-nav li {float:left;} #main-nav li a {display:block; height:30px; text-indent:-9999px; background-repeat:no-repeat;} #main-nav a#banda {width:72px;} #main-nav a#discografia {width:97px; background-position:-72px 0} #main-nav a#media {width:70px; background-position:-169px 0} #main-nav a#novedades {width:96px; background-position:-239px 0} #main-nav a#escribenos {width:91px; background-position:-335px 0} #main-nav a#banda:hover, #main-nav li:hover a#banda, #main-nav .current a#banda {background-position:0 -72px} #main-nav a#discografia:hover, #main-nav li:hover a#discografia, #main-nav .current a#discografia {background-position:-72px -72px} #main-nav a#media:hover, #main-nav li:hover a#media, #main-nav .current a#media {background-position:-169px -72px} #main-nav a#novedades:hover, #main-nav li:hover a#novedades, #main-nav .current a#novedades {background-position:-239px -72px} #main-nav a#escribenos:hover, #main-nav li:hover a#escribenos, #main-nav .current a#escribenos {background-position:-335px -72px} /*SUB-MENU*/ #main-nav li ul {display:none; position:absolute; z-index:100; margin:-11px 0 0 0px; padding:10px;min-width: 145px;} #main-nav li:hover ul, #main-nav .ie6hover ul {display:block} #main-nav li ul li {float:none; border-bottom:1px dashed #666; background-image:url(../images/menu_bg.png);} #main-nav li ul li a{background:none; text-indent:0px; height:auto; padding:8px; font-size: 12px; font-weight:bold; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; color: #2D2D2D; padding-right:28px;} #main-nav li ul li a:hover {color:#fff; text-decoration:none; background-image:url(../images/menu_bg.png);}