CSS - obrazek poza <button>

Mam button klasy black:

button.black
{
...
}

chcę by poza buttonem pojawił się obrazek.
Stosując kod:

button.black:after
{
content: url("img/button.png");
}

obrazek pojawia się wewnątrz buttona, nie poza nim.
Any idea?

A próbowałeś dać content: "", ustalić width&height i obrazek wstawić za pomocą background-image?

To samo uzyskuję.

.black{
   position: relative;
   /* width height, wyzerowanie margin i paddingu */
}
.black:after{
   position: absolute;
   top: 0;
   left: 100%;
   /* width i height jakie potrzebujesz */
   content: ' ';
   background: /* tutaj wstawiasz swoje img + ustawienia dla bg */
}