Me sucede algo curioso, el efecto deseado no surge efecto con en la etiqueda
a:active

Este es mi pequeña codigo:

css:
#navi {
    margin:0;
    padding:0;
}

#navi li {
    height: 30px;
    list-style:none;
    float:left; //para eliminar el comportamiento de elemento de
bloque(salto de linea)
    padding-left: 25px;
}

#navi li a {
    height: 25px;
    display:block;
    padding-top: 5px;
    text-decoration:none;
    text-align:center;
    font-size:16px;
    color:#fff;
    padding-left: 4px;
    padding-right: 4px;
}

#navi li a:hover,
#navi li a:active
 {
    display:block;
    color:#000;
    background: url(images/bgmenulink.jpg) repeat;
    border-bottom:none;
}


            <ul id="navi">
                <li><a href="{site_url}" >INICIO</li>
                <li><a href="{site_url}/forum/index.php?forum=2">FORO</li>
            </ul>


Pues ese es el detalle, el hober me funciona perfecto y el active no.

Gracias por las sugerencias.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a