Background выше содержимого блока

[MCTrane]

Собственно, вопрос вот в чём:
Есть такой код:

<td><div style="background:url(imborder.png)"><img src="image.png"></div></td>

Заливка блока div - это рамка, но если image.png лежит на этом backgraond`е, т.е. на рамке, то не очень хорошо смотрится, поэтому надо чтобы background лежал на картинке. Ну, конечно, в мозиле, ие7 прокатил z-index:-1. Но, вот в ие8 картинка уходит вообще под background самого сайта, т.е. рамки пустые, картинок не видно.
Как можно решить этот вопрос кроссбраузерно?

[ksa]

надо чтобы background лежал на картинке

Странное желание...

Ты бы хотьпример привёл с нормальными урлами, дабы посмотреть на сие чудо.

[MCTrane]

Странное желание...

Ты бы хотьпример привёл с нормальными урлами, дабы посмотреть на сие чудо.

http://neocubs.ru/header-body.php

[walik]

а почему бы просто не поставить картинку по верх картинки ?

[MCTrane]

а почему бы просто не поставить картинку по верх картинки ?

Каким образом?

[walik]

Таким:

<style>
div.place {
	position: relative;
}

.image {
	position: absolute;
	top: 35px;
	left: 25px;
	z-index: 1;
}

.border {
	position: absolute;
	z-index: 2;
}
</style>
<div class="place">
	<img class="image" src="http://neocubs.ru/images/image-1.jpg" />
	<img class="border" src="http://neocubs.ru/images/border.png" />
</div>

[MCTrane]

С абсолютной позицией не хочется связываться. Без неё реализовать можно как-то?

[walik]

А чем абсолютная позиционирование вам мешает ? изображение позиционируется относительно div'у
Без позиционирование по моему нельзя, иначе как изображения налезут друг на друга.

[ksa]

если image.png лежит на этом backgraond`е, т.е. на рамке, то не очень хорошо смотрится

Теперь немного понятнее стало после просмотра картинок...

Если у тебя размеры картинок нужного размера - делай их бекграундом. А рамку накладывай сверху, но у неё внутренности прозрачные должны быть.

[walik]

<style>
.place {
	background-image: url(http://neocubs.ru/images/image-1.jpg);
	background-repeat: no-repeat;
	background-position: 25px 35px;
	width: 235px;
}
</style>
<div class="place">
	<img class="border" src="http://neocubs.ru/images/border.png" />
</div>