1. <div style="width: 1%;">
2. <div style="position:absolute;">
3. [img]orver.gif[/img]
4. </div>
5. [img]under.jpg[/img]
6. </div>
Соответственно:
1 строчка. Впринципе не обязательна... НО она не даст разъехаться всей это контрукции... При желании можно поставить и display: inline; конструкция не порушится.
2 строчка. Делаем еще один див и выстраиваем ешл "поверх" того что будет ниже... то есть ставим позиционированние - абсолютное, можно указать z-index - но это вроде не обязательно. А так же, если нужно сдвинуть эту самую картинку, которая будет поверх картинки снизу - то можем дописать в стиль: margin-***: NNNpx; где NNN - число, а *** - top, right,left,bottom. Так же отступы можно задавать со всех сторон одинаковый через margin: NNpx; или же везде разный через тот же margin: NNpx NNpx NNpx NNpx; то есть TOP RIGHT BOTTOM LEFT.
3 строчка. Вставляем в этот самый див, котороый будет поверх артинки саму картинку, которая будет над той что снизу
4 строчка. Закрываем див
5. Вставляем картинку, которая будет ПОД дивом
6. Закрываем последний див...
Вот и всё
Удачи
