позиционирование картинки

когда то такое делал, сейчас не могу вспомнить....

к примеру такой код

<div class="d0">
<a href="#"><div class="d1"><img src="1.jpg" /></div></a>
<a href="#"><div class="d1"><img src="1.jpg" /></div></a>
<a href="#"><div class="d1"><img src="1.jpg" /></div></a>
</div>
есть еще одно изображение (полупрозрачное), которое должно накладываться поверх изображений расположенных в блоке с классом d0.

 

чего то не получилось или я не так делаю...

<div class="d2">
<div class="d0">
<a href="#"><div class="d1"><img src="avatars/1292185280.jpg" /></div></a>
</div>
</div>

.d2 {
background-image: url(../avatars/1292185219.jpg);
background-repeat: no-repeat;
position: absolute;
width: 200px;
background-position: right center;
}