Проблема с абсолютным позиционированием IE 7

#css

Вопрос:

Этим я бью дохлую лошадь. У меня есть набор вложенных divs, и один из них, в частности, должен быть абсолютно позиционирован, чтобы он не конфликтовал с парой других элементов. HTML является:

 <div id="gallery">
    <div id="gal_info">
        <h2>Gallery</h2>
        <div id="gal_caption">Caption goes here</div>
    </div>
    <div id="gal_imgs">    
    ...
    </div>
</div>

CSS является:

 #gal_info{
 position: absolute;
 top: 10px;
 margin-left: 15px;
 width: 190px;
 height: 170px;
 padding: 10px 10px 0 30px;
 background-color: #f8fce2;
}

Все это отлично работает в любом браузере, кроме IE7. В IE7 весь div для #gal_info исчезает. Я попытался проверить все свои позиции вплоть до <body> тега. Я попытался добавить z-индексы к элементам, чтобы они отображались. Я не могу понять, что происходит не так, но как только я вынимаю position: absolute; , это появляется.

Есть предложения?

Заранее спасибо!

Ответ №1:

У нас здесь отсутствует информация, мой друг, но просто догадываюсь, какова позиция для галереи div? вы пробовали использовать его как относительный?

1. К вашему СВЕДЕНИЮ: вы должны использовать функцию комментариев, чтобы задавать вопросы, а не предоставлять ответ, который является вопросом.

2. смотрите комментарий выше — я уже добавил position: relative в #gallery div и в любой другой содержащий div над ним, вплоть до <body> тега

Ответ №2:

Я не совсем понял, почему, но теперь у меня это работает. Я переработал страницу с нуля, и теперь все отображается правильно. Спасибо!