Hola a todos, este es mi primer mensaje por aquí, he llegado a este foro buscando una solución a un problema que tengo al intentar poner un menú al blog de mi hermana.

Yo para estas cosas soy autodidacta, y el menú lo he puesto gracias a un tutorial que encontré en la red. El caso es que va todo perfecto, pero consigo hacer que cuando se ponga el cursos encima de los botones, estos cambien a la imagen que yo quiero.

Os pongo el código CSS a ver si alguien me puede echar una mano, que le he dado ya a esto mil vueltas y no consigo arreglarlo.

Código :

<style type='text/css'>

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://img89.imageshack.us/img89/3984/menunegro.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: url(http://img801.imageshack.us/img801/6749/menurosa.jpg) center center repeat-x;
}

</style>


Desde ya muchas gracias. Ojalá me puedan ayudar. Un saludo.