Menu Desplegable

[aalleexx81]

Hola a todos, tengo en mi hoja de estilos el siguiente código (el cual conseguí por internet) de un menú desplegable:

Código:

#menu-horizontal li:hover {
background:#ABB5F9;
}

#menu-horizontal li a {
font:bold 10px Arial, Helvetica, sans-serif;
color:#081752;
text-decoration:none;
}

#menu-horizontal li ul li{
float:none;
width:98px;
margin:1px 0;
}

ul#menu-horizontal li {
float: left;
display: inline;
position: relative;}

ul#menu-horizontal ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
/*background: url(../imagenes/menu.jpg) no-repeat;*/
}

ul#menu-horizontal ul li {
display: block !important;
}

ul#menu-horizontal li:hover ul{
display: none;
}

ul#menu-horizontal li:hover ul{
display: block;
}

Lo he adaptado y he conseguido que funcione, el único problema es que quiero que la opción seleccionada quede marcada de distinto color. No paro de cambiar el código pero no doy con la tecla.

¿Alguien puede echarme una mano?

Gracias. Un saludo.

[ArturoGallegos]

en la pagina de destino agrega una clase distinta a la opción correspondiente de esa pagina y declarala en tu CSS por ejemplo

Código CSS:

#menu-horizontal li:hover,#menu .activo{
background:#ABB5F9;
}