Función a:focus de CSS no funciona

[sanxuan]

Perdona, pero no mi di cuenta de que habías incluido el enlace al principio, me cogiste en un despiste.
Te pongo el CSS para el primer botón. El resto se harían igual.

Código CSS:

#bot1 a{
    float:left;
    height:34px;
    width:84px;
    text-align:center;
    text-decoration: none;
}
#bot1 a:link, #bot1 a:visited {
    background-image:url(imagenes_botones/bg_menu_inicio_1.jpg);
    color:#000000;
}
#bot1 a:hover{
    background-image:url(imagenes_botones/bg_menu_inicio_2.jpg);
    color:#FFFFFF;
}
#bot1:active{
    /* Si quieres cambiar alguna propiedad al hacer click en el botón debería ir aquí */
}
#bot1 a:focus{
    background-image:url(imagenes_botones/bg_menu_inicio_2.jpg);
    color:#FFFFFF;
}
 

Pruébalo, creo que funciona bien según está. Es importante mantener el mismo orden en las declaraciones.