проблема с занулением родительских свойств

[kvv77]

Сломал себе голову, прошу помощи у всезнающего all.

есть стиль

div.random_img {

border: 5px solid #6B5C51;

width: 84px;

height: 80px;

background-color:#fff !important;

margin:0;

padding:0;

overflow:hidden;

}

и код

<div class="iec" style='width:100px;' align='center'><div class="random_img"><a href="..."><img src="...." width="90" alt="Запонки Dalvey" border="0" /></a></div></div>

на пустой странице все ок ( пример http://kvv77.jino.ru/share/test2.htm ) - рамка, картинка.

но в контексте этот же див расползается, у картинки появляется отступ слева и даже размер другой!

http://kvv77.jino.ru/share/test1.htm справа.

ОТКУДА??? Понимаю что какой-то из родительских стилей гадит, но я же margin и padding занулил!

Есть идеи?

[psywalker]

height="100" поставь картинкам.

[kvv77]

height="100" поставь картинкам.

не, тут другое. проблему решил, оказалось что родительским элементом был блок

<div class="module-right">

<div>

<div>

<div>

и внутри шел мой

<div class="random_img">...

стили

div.module-right { width: 184px; margin-bottom: 10px; }

div.module-right div { padding:20px 0px 0px 0px;}

div.module-right div div {padding:0px 3px 1px 3px;}

div.module-right div div div { padding-bottom:10px; }

и все пэддинги наследовались моим дивом! причем padding: 0; в моем диве игнорировалось.

Помогла заплатка <div class="random_img" style="padding:0; margin:0;">

НО ПОЧЕМУ??? не первый день верстаю, но не понимаю! Не было такого никогда!

[psywalker]

А вот же смотри div.module-right div div {padding:0px 3px 1px 3px;} - отступы.

[kvv77]

А вот же смотри div.module-right div div {padding:0px 3px 1px 3px;} - отступы.

да, а почему они на мой див переходят если в моем стиле стоит padding:0; ???? полный игнор идет! Пробовал и padding 0px 0px 0px 0 px; - все равно.

[psywalker]

да, а почему они на мой див переходят если в моем стиле стоит padding:0; ???? полный игнор идет! Пробовал и padding 0px 0px 0px 0 px; - все равно.

Ну так ведь они не переходят, а просто у этого дива внутренние отступы появляются. И он расширяется за счёт них.

[kvv77]

Ну так ведь они не переходят, а просто у этого дива внутренние отступы появляются. И он расширяется за счёт них.

нет, не понимаешь. там получалось:

.a {padding:10px;}

.b {padding:0;}

<div class=a>

<div class=b>

так вот в b padding был 10px !!!! т.е. у меня в random_img написано: padding:0; width: 84px; и рисую в нем рамку. делаю скриншот. меряю в фотошопе - ширина внутренняя 90.

я же написал прямо padding:0 в стиле. пишу <div class=random_img style="padding:0;"> - пэддинг зануляется, ширина страновится 84. Вот я и удивляюсь!