Botao com imagem em Jquery Mobile

[CrazyLOL 2]

Estou tentando colocar uma imagem dentro de um botao, algo simples, porém esta imagem esta ficando desconfigurada e nao esta ficando no tamanho correto...

 

Apenas fiz isto:

<button ><img src="images/32-vivo.png" width="32" height="32"> </button>

E o resultado esta sendo assim:

 

 

(Link completo da imagem)

 

O que preciso fazer?

[JoaoCardoso 0]

Coloca como background do button.

[L. Henrique 179]

Ao invés da tag button, tente a input com type button pra facilitar.

 

HTML:

<input type="button">

CSS:

input[type="button"]{
   background: url('link da imagem');
   background-position: center center;
   background-repeat: no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   background-size: cover; 
}

Segue o Fiddle.