Hola que tal saludos a todos, Mi Problema Es El Siguiente, En Mi Web http://royalty-relo.com/, El Menu o El NavBar, cuando estas en el home o inicio aparece subrayada ya que navegas en esa seccion, pero cuando entro a otro link (servicios,acerca de nosotros etc.) se queda el subrayado en el home, lo que me gustaria hacer es que cada vez que este en una de esas secciones solo en la que este navengando se subraye.
Mi Codigo Es El Siguiente HTML
Cita: <div id="menu">
<ul>
<li><a class="current" href="index.html" title="">Inicio</a></li>
<li><a href="aboutus.html" title="">Acerca De Nosotros</a></li>
<li><a href="ourservicies.html" title="">Servicios</a></li>
<li><a href="onlyry.html" title="">Proceso</a></li>
<li><a href="faq.html" title="">Preguntas Frecuentes</a></li>
<li><a href="contact.html" title="">Contacto</a></li>
</ul>
</div>
Codigo CSS
Cita: /*----------------------menu-------------------------*/
#menu{
float:left;
padding: 155px 0px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:1px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;pa dding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 0px 0 0px; margin:0px 0px 0 0px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #00F; border-bottom:0px #00FFFF solid;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:3px 0px 0 3px;color: #fff;margin:2px 0px 0 2px; border-bottom:2px #ffffff solid;
}
Gracias.