Tengo un botón que es una imagen, y quiero que al poner el ratón encima cambie a otro botón que tiene un aspecto distinto pero el mismo tamaño.
Quiero hacerlo con HTML y CSS
adjunto mi html, y css a ver si me podeis indicar donde me equivoco ya que soy novato.
HTML
<div id="gratuit">
<a href="contactar/contactar.html"><img src="objetos/diagnostic.gif"
alt="boton contactar"/></a>
</div>
CSS
#gratuit {float:center; height:40px; margin-left:30px;
width: 710px;
;background-repeat:no-repeat; background-position:center;}
#gratuit a{background-image:url(objetos/diagnostic.gif); display:block
;background-repeat:no-repeat; background-position:center;}
#gratuit a:hover{background-image:url(objetos/diagnosticover.gif); display:block
;background-repeat:no-repeat; background-position:center;}