Eu tenho um pequeno problema com a configuração de uma imagem de fundo para<button>.

Aqui está o html que tenho no site:

 <button id="rock" onClick="choose(1)">Rock</button>

E aqui está o CSS:

button {
   font-size: 18px;
   border: 2px solid #AD235E;
   border-radius: 100px;
   width: 150px;
   height: 150px;
}

button #rock {
   background: url(img/rock.png) no-repeat;
}

Eu não sei porque o fundo do botão ainda é branco.