BorodinKO
z-index тебе поможет (;

<div class="first"><div class="second"></div></div>
В стилях каждому указываешь background.

Либо:
<div class="bg"><img></div> - тут указываешь background первому, а второй сверху как обычный рисунок.

Либо верхний <div> делаешь через position="absolute", и тогда лепишь над старым. Теперь не надо указывать background, а можно просто прилепить 2 фотографии, по одной в каждом диве. Благодаря z-index можно выставить рисунки выше и ниже.


Второй вариант проще, но если 3 слоя, то лучше сразу через первый вариант делать

;;но если 3 слоя, то лучше сразу через первый вариант делать
почему? через z-index хоть 3, хоть 33 слоя можно наложить (;

DySprozin
Позиционирование, центровка, разные разрешения экрана... просто гемороя будет больше...
А с другой стороны, я ведь не гуру, так что тоже могу ошибаться. Каждый выбирает для себя тот способ, который легче, мне на данный момент кажется, что лучше не использовать абсолют без надобности.

я делал по первому способу ...

у меня 2 картинки (цветные прямоугольники) они должны быть в рамке ...


тоесть мне надо сделать так что бы таблица не расширялась

DySprozin
можно сказать я и твой способ использую так как у меня таблица тоже залита картинкой ...

BorodinKO
код в студию (;

  <style type="text/css">
   #layer1, #layer2, #layer3, #layer4 {
    position: relative; /* Относительное позиционирование */
   } 
   #layer2, #layer4 {
    top: -367px; /* Сдвигаем текст вверх */
    left: 0px; /* Сдвигаем текст вправо */
   }
   #layer1 { z-index: 1; }
   #layer2 { z-index: 2; }
  </style>

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
<div id="layer1"><img src="1.png" alt="" width="292" height="367" /></div>
<div id="layer2"><img src="2.png" alt="" width="292" height="367" /></div>
</td>
  </tr>
  <tr>
    <td>Текст</td>
  </tr>
</table>

где pos:absolute?
+
top: -367px; - этого делать не надо! Слой должен быть отдельным и позиционировать от угла <div> relative!
top=500;left=200; и т.д.

все равно бред получается ..., таблица искажается ....

можешь исправить код так что бы работало ... ?

Я тебе показывал как делать через дивы, укажи высоту и ширину обоих.
<div style="height:500px; bgcolor"><div style="height:400px; bgcolor; padding-left:3px;padding-top:3px">, код не верный, но смысл должен показать! Замени на правильные имена и данные - получишь результат!