Hola, le estoy añadiendo un menú al blog de mi hermana, pero no consigo hacer que aparezca una imagen que tengo alojada en imageshack cuando se pasa el cursor por el botón. No hay manera de quitar el color gris que aparece y ya le he dado mil vueltas, a ver si me podéis echar un cable.
El CSS es este:
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://img838.imageshack.us/img838/7158/menunegro.jpg) 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>
Y este el el html
Código:
<ul class="solidblockmenu">
<li><a href="http://www.bdebelleza.blogspot.com" title="">Inicio</a></li>
<li><a href="http://bdebelleza.blogspot.com/2010/06/sorteos.html" title="">Sorteos</a></li>
<li><a href="http://bdebelleza.blogspot.com/2010/06/premios.html" title="">Premios</a></li>
</ul>
<br style="clear: left"/>