проблема с relative в IE8

[Odrin]

Добрый день.

Столкнулся с проблемой в нашем любимом IE.

HTML -

<div class="edit_head">
    <div class="edit_pict"><img src="img/icons/radiation32.png"></div>
    <div class="pict_menu" style="display: none;">
        <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class="img_panel"><img src="img/icons/warning32.png"></div>
    </div>
</div>

CSS -

.edit_head {
    height: 40px;
    margin-top: 5px;
    width: 100%;
    float: left;
}
.pict_menu {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
    display: none;
    padding: 10px 5px;
    position: relative;
    width: 100%;
}

Так вот. Когда меняем у .pict_menu display на block (в js, нужно отобразить панельку выпадающую), во всех нормальных браузерах родительский div (.edit_head) не растягивается, а в IE8 растягивается! Почему так и как это исправить? Гуглуние по "ie relative bug" приводит только к багам ie6-7.

Edited December 13, 2011 by Odrin

[Gaspode]

Для начала, зачем тут вообще position: relative?

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

[Odrin]

Все понял =) Спасибо!

Запутался в понятиях, перечитал про position и разобрался. Надо было у родителя ставить relative, а у .pict_menu absolute.