Помогите одолеть:) CSS

W1
На сайте с 23.01.2011
Offline
19
404

В общем уже час копаюсь никак не могу понять, что я упустил?

Движок DLE 9.2

Модуль: Sblocks 1.9

Вывожу блок созданный вышеуказанным модулем на главной странице. Состоит из четырех новостей в 1 ряд, выводятся только картинки. при этом, в html коде на каждую картинку должна (по идее) накладываться дополнительная картинка. Первая накладывается нормально, а вот остальные подскакивают высоко вверх

КУсок кода:


<div id="casing">
<div id="content">
<div class="content">

<div class="infTd" width="25%" style="float:left;">
<div class="imgbg">
<div class="nalet2">
{sblocks_newblock_876}
</div>
<div class="nalet3"><div class="pm"></div></div>

</div>
</div>

<div class="nalet">

<div class="infTd" width="25%" style="float:left;">

<div class="imgbg">


</div>

<div class="nalet3"><div class="pm" style="margin-top:100px;"></div></div>
</div>
</div>

<div class="nalet">
<div class="infTd" width="25%" style="float:left;">
<div class="imgbg">

</div>


<div class="nalet3"><div class="pm"></div></div>
</div>
</div>

<div class="nalet">
<div class="infTd" width="25%" style="float:left;">
<div class="imgbg">

</div>
<div class="nalet3"><div class="pm"></div></div>

</div>
</div>

<div class="clear"> </div>




.nalet {
position:relative;
z-index:1;
}

.nalet2 {
position:relative;
z-index:2;
}

.nalet3 {
position:absolute;
z-index:3;
}

.pm {
BACKGROUND: url(../images/pm.png) no-repeat; LEFT: -2px; BOTTOM: 8px; POSITION: absolute; z-index:3;height:90px;width:90px;
}

.imgbg {
MARGIN-TOP: 0px; BACKGROUND: url(../images/imgbg.png) no-repeat; FLOAT: left; MARGIN-LEFT: 7px; WIDTH: 154px; PADDING-TOP: 7px; POSITION: relative; HEIGHT: 233px; TEXT-ALIGN: center
}

#content {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 678px; PADDING-TOP: 10px
}

.content {
BORDER-RIGHT: #0f0b0d 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #0f0b0d 1px solid; PADDING-LEFT: 10px; BACKGROUND: #37282d; PADDING-BOTTOM: 10px; BORDER-LEFT: #0f0b0d 1px solid; WIDTH: 668px; COLOR: #f5ecc1; PADDING-TOP: 10px; BORDER-BOTTOM: #0f0b0d 1px solid; border-radius: 5px; webkit-border-radius: 5px; moz-border-radius: 5px
}



Где я что то упустил:)? Хелп

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий