Muchas gracias. Ahora ya me sale bien. Al final no lo he echo exactamente así ya que si lo hacía así me consideraba el botón como una área de texto y pasaban cosas muy raras. Al final, el botón quedó en esto:
Y el css en esto:
Código CSS:
Ver originalinput.efecto_over{
width: 125px;
height: 37px;
background-image: url(img/input.png);
background-position: center top;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: transparent;
}
input.efecto_over:hover{
width: 125px;
height: 37px;
background-image: url(img/input.png);
background-position: center -37px;
border: none;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: transparent;
}
Muchas gracias!