Поместите фоновое изображение поверх изображения ⇐ CSS

[Anonymous]

Я пытаюсь поместить фоновое изображение поверх изображения.
По сути, это нужно для того, чтобы показать, одобрил или отклонил что-то «пользователь».
Я хочу, чтобы в случае одобрения отображалась зеленая галочка над отображаемым изображением пользователя.
Я пытался создать его, но то, что у меня есть, не работает.
Вот что у меня есть на данный момент:
Html

Код: Выделить всё

[img]http://www.image.com/image.gif[/img]

CSS

Код: Выделить всё

.small-profile-img{
width:30px;
display:inline;
border:2px solid #000000;
}

.accepted{
background-image:url("tick.png") !important;
background-repeat:no-repeat;
background-position:right bottom;
z-index:100;
background-size:18px;
}

Рабочий пример см. в jsfiddle.
jsfiddle

Подробнее здесь: https://stackoverflow.com/questions/154 ... r-an-image