Fondo de una lista

[elbecerro]

Yo haría lo siguiente.... sólo una imagen con los 2 estados (link y hover), de tal manera que la imagen que usas para link esté encima de la del hover, en el css pondrias:

#familia li a{
display:block;
height:22px;
padding-left:25px;
padding-top:6px;
text-decoration:none;
color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-image:url(../Imagenes/bot_familia.jpg) no-repeat 0 0;
}

#familia li a:hover {
background-image:url(../Imagenes/bot_familia_a.jpg) no-repeat 0 -22px;
}

(lo de -22px lo supongo por la altura que pones y es en negativo porque así desplaza la imagen con los dos estados 22px hacia arribas que es donde empieza la imagen en estado hover)

y quita la imagen de fondo de #familia li.

No sé si me explico :), ya me dirás