HTML - Mostrar imagen en boton del form

Hola quisiera saber como puedo hacer que en un boton de un formulario aparezca una imagen en vez de texto he probado con esto:

<input name="enviar" type="submit" class="botonbusqueda" />

.botonbusqueda {
background-image: url(../images/imgSearchButton.png);
background-repeat: no-repeat;
height: 16px;
width: 16px;
position: absolute;
top: 5px;
right: 10px;
}

Pero me sale el texto y no la imagen

Gracias

Saludos,

hay varias formas de conseguir el efecto, veamos alguna:

<input name="enviar" type="submit" class="botonbusqueda" value="" />

<input type="image" src="../images/imgSearchButton.png" border="0" />

<input type="image" src="../images/imgSearchButton.png" align="absmiddle" />

<button>
<b>Botón</b>
<br>
Salto de línea
<hr>
Otras ...
<br>
<img src="../images/imgSearchButton.png" width="261" height="35" alt="">
</button>

<input type="image" src="../images/imgSearchButton.png" value="Enviar" alt="Enviar">

También es posible quitar todo el texto, líneas, etc... Es importante saber que algunas de las formas descritas no envían el formulario. Se puede utilizar JavaScript para el envío del formulario, validar, campos, etc.

Espero sea útil.