Как отобразить background-image поверх img?

[quebek]

В общем, имеется тег <img> необходимо сделать чтобы
background: url('overlay.png'); описанный в css, отображался поверх основного изображения, дополнительные div-ы в html добавлять нельзя. Все изменения только в пределах css класса .img. Стандартными средствами css сделать не получается.

[B@rmaley.e><e]

<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" id="lalala" />

<style>
#lalala {position:relative}
#lalala:after {background: url('http://javascript.ru/forum/images/editor/smilie.gif'); height:100px; width:315px; display:block; content: ' '; position:absolute; left:0; top:0}
</style>

[quebek]

Лого вижу, смайл не вижу.
Бекраунд имг всегда должен отображаться поверх картинки, а не после каких-либо событий.

[B@rmaley.e><e]

Тогда никак.

[Kolyaj]

background логически не может быть поверх изображения. Иначе какой это background?

[devote]

Лого вижу, смайл не вижу.

Странно, но я вижу лого и поверх него смайлы =)

[ваый]

Странно, но я вижу лого и поверх него смайлы =)

В хроме только лого.

[Sweet]

Странно, но я вижу лого и поверх него смайлы =)

Это потому, что ты через оперу смотришь. Я, кстати, тоже

[devote]

В хроме только лого.

Судя по всему это глюк Хрома, по правилам должно отображаться то что указано в субкласе after/before

[devote]

Это потому, что ты через оперу смотришь. Я, кстати, тоже

Думаешь Опера делает не правильно? по мне дык кажется все так как положено.