<button> imagen de fondo

Tengo un pequeño problema con la configuración de una imagen de fondo para<button>.

Aquí está el html que tengo en el sitio:

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

Y aquí está el 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;
}

No sé por qué el fondo del botón sigue siendo blanco.

Respuestas a la pregunta(8)

Su respuesta a la pregunta