[Ovillo] botones y fondos

[Alex Moreno]

Buenos dias a todos,

problema de css-novato. Estoy intentando darle una imagen a un boton de
forma que cuando pases sobre el el efecto :hover le cambie la imagen a otro
tipo de boton. No logro que me funcione, este es el css:


#buttons>
    ul#mainlevel-nav li a {
        display:block;

        width: auto;
        background-image:
url(/tdo_joomla/templates/redisol.com/images/boton_blanca_redisol.gif);

        margin: 0 auto;
        //opacity:.60;

    }

    ul#mainlevel-nav li a:hover{
        display:block;
        background-image:
url(/tdo_joomla/templates/redisol.com/images/boton_azul_redisol.gif);
        color:blue;
        opacity:.60;
    }


Los efectos de cambiarme el color e incluso la transparencia bien, pero de
la imagen nada de nada. Además es curioso que consigo hacer la transparencia
con el boton en estado normal y que no sea transparente en el hover pero no
al contrario?¿?¿?¿


Este es el html generado con php:

<ul id="mainlevel-nav"><li><a
href="http://localhost:8888/joomla/index.php" class="mainlevel-nav"
>Redisol</a></li>


Alguna idea? Muchas gracias por adelantado.