Buenas a todos, quería consultarles algo...

Tengo un menú armado con una lista desordenada. Dicho menú tiene 3
elementos, y quiero que el que esté seleccionado actualmente, tenga un color
de fondo diferente a los demás. Para esto, cree un estilo que se llama
"activo", y que modifica el color de fondo.

El problema lo tengo porque no funciona... cree un estilo para ".menu li"
que define como tienen que ser los <li>, y después arme otro estilo que
indica como se tiene que comportar ".menu li #activo", y sin embargo, no lo
aplica... ¿en que me estoy equivocando? ¿Está mal armada la estructura
".menu li #activo"?

El código es el siguiente:

<html>
    <head>
        <style>
* {
    padding: 0px;
    margin: 0px;
}

body {

}

.menu {
    padding-top: 23px;
    margin-left: 7px;
    float: left;
    width: 180px;
}

.menu li #activo {
    background-color: #b5edbc;
    padding: 3px 8px;
    width: 100%;
}

.menu li {
    background-color: #ffead5;
    padding: 3px 8px;
    width: 100%;
}
        </style>
    </head>
    <body>
        <div class="menu">
            <ul>
                <li id="activo">
                    <a href="http://www.montesoft.com.ar";>Home</a></li>
                <li>
                    <a href="http://www.montesoft.com.ar/perfil.aspx
">Perfil</a></li>
                <li>
                    <a href="http://www.montesoft.com.ar/productos.aspx
">Productos</a></li>
            </ul>
        </div>
    </body>
</html>

Muchas gracias!!!

-- 
Juan José Montes de Oca Arbós.

[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vid&vid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a