ie7 border padding
 

<div style="padding-bottom: 30px;">
<div style="background: red; 
            /*overflow: auto;*/">
    <div style="border: 1px solid green;">a</div>
</div>
</div>

если убрать border или padding, то все нормально. Нашел вариант как пофиксить: добавить overflow: auto;
кто-нибудь сталкивался? Или может объяснить может?

На самом деле высота дива всегда одинаковая...
Это баг с прорисовкой...
Посмотреть можно либо так:

<div style="padding-bottom: 30px;">
<div style="background: red;
            /*overflow: auto;*/">
    <div style="border: 1px solid green;">a</div>
</div>
<div style="background:#f0f;">b</div>

, либо создав страницу с вертикальной прокруткой и после прокрутки лишнее пространство изчезнет...
:blink:

а этот баг как-то называется? Можно про него где-то прочитать?

Я раньше с ним не сталкивался... Можно попробовать на MSND что-нибудь найти, но т.к. там почти всё на английском - я ничего не пойму:(