Проблема с наложением изображений

[jorj]

Есть 1 блок с изображением и изображение. Как наложить <img /> под изображение блока?

Вот код:

<style>
.ramka{
text-align: center;
margin: 5px;
background: url('ramka.png') no-repeat center;
position: relative;
z-index: 1;
}
.img{
position: relative;
;z-index: 2;
}
</style>
<div class="ramka">
<img class="img" width="280" height="143" src="img.png" />
</div>

Вопрос: Как наложить class="img" под class="ramka" ?

 

[tigra60]

В нормальном потоке у вас и так изображение (img) будет поверх блока (div) без всяких position:relative и z-index.

Если вы хотите. чтобы изображение было меньше блока на величину фоновой рамочки, значит назначьте блоку соответствующие отступы (padding).