img внутри тега div

[moshkin_ura]

Вот код

<div style="background-image:url(http://clan-stalker.3dn.ru/bg.gif); background-repeat:no-repeat; width:800px;" >
<!--броня-->
<div style="padding:100px 9px 15px 95px; width:275px; height:410px;" >
<img src="http://clan-stalker.3dn.ru/inc/br/13.gif" style=" max-width:65px; max-height:100px" />
</div>
<!--/броня-->
<!--Детектор-->
<div style="padding:px 9px 0px 95px;" >
<img src="http://clan-stalker.3dn.ru/inc/det/1.gif" style=" max-width:65px; max-height:65px" />
<!--/Детектор-->

</div>

как сделать то что в <!--Детектор--> сделать так что-бы он был на фоне а не снаружи него (и можно его было поместить над окошечком <!--Броня-->)
P.S предполагается около 15 картинок на этом фоне.

[Naive]

Твоя "броня" "выталкивает" "детектор" из окна инвентаря.
Для инвентаря проставь position:relative;
Иконки внутри распихивай абсолютным позиционированием - не будет никаких конфликтов.
Область рюкзака можно сделать общим дивом, внутри которого ячейки итемов будут располагаться через float:left. Правда, это если не будет итемов занимающих несколько ячеек.
И, вдруг пригодится: jQuery-ui-sortable

[moshkin_ura]

Сообщение от Naive

Твоя "броня" "выталкивает" "детектор" из окна инвентаря.
Для инвентаря проставь position:relative;
Иконки внутри распихивай абсолютным позиционированием - не будет никаких конфликтов.
Область рюкзака можно сделать общим дивом, внутри которого ячейки итемов будут располагаться через float:left. Правда, это если не будет итемов занимающих несколько ячеек.
И, вдруг пригодится: jQuery-ui-sortable

а можеш код сам написать а то я чета нефига не понел
и это заметькартинок будет штук 15 и там где справа поле его не трогай

[Naive]

Написать могу, но не буду. Это не мне надо.

[Bonivur]

<div style="background-image:url(http://clan-stalker.3dn.ru/bg.gif); background-repeat:no-repeat; width:800px;" >
<!--броня-->
<div style="padding:100px 9px 15px 95px; width:275px; height:410px;" >
<img src="http://clan-stalker.3dn.ru/inc/br/13.gif" style=" max-width:65px; max-height:100px" />
<!--/броня-->
<!--Детектор-->
<div style="position:absolute; margin-top:0px; margin-left:5px;" >
<img src="http://clan-stalker.3dn.ru/inc/det/1.gif" style=" max-width:65px; max-height:65px" />
<!--/Детектор-->
</div>
</div>

предметы располагай через margin-top и margin-left. positon у всех сделай absolute;