Отладка IE7 - Абсолютный фон

Question

У меня проблема в IE с фоновой проблемой для этой страницы: http://vitaminjdesign.com/IAM/company/

Во всех браузерах она отображается правильно, НО в IE.В IE7, div, .aboutbg далеко вправо.Вот мой HTML

<div id="companywrap">
   <ul id="leftcol">
    <li>nav item</li>
    <li>nav item</li>
    <li>nav item</li>
   </ul>

   <div id="rightcol">
      <h1 class="title">Parker Homescape <span>Company Overview</span></h1>
      <div id="companytext">
    <a class="readmorehome" href="/press">VIEW PRESS & AWARDS</a>
      </div>
   </div>
   <div class="aboutbg"></div>
</div>

По сути, оболочка компании расположена относительно, а div .aboutbg абсолютно позиционирован с отрицательным z-индексом (поэтому фоновое изображение действительно на заднем плане).По какой-то причине в IE фон отображается далеко вправо.

ВТОРОЙ ВОПРОС, который у меня возник, - с навигацией (ul id = "leftcol").Посмотрите на это в IE7, и вы поймете, что я имею в виду.Кажется, здесь добавлены разрывы строк. Есть идеи?

Answer 1

Первая проблема: я даже не вижу фона в IE7, и я думаю, что это связано с отрицательным z-индексом. Ваши z-индексы довольно дикие - я бы вообще не использовал негативы.

edit: Например, попробуйте установить для Z-index значение .aboutbg равным 0 и начать перемещать остальные индексы оттуда. Кроме того, я заметил, что вы используете класс для aboutbg, но есть только один его экземпляр. Почему бы не использовать идентификатор вместо этого?

Вторая проблема: я не уверен, но, возможно, попробуйте добавить определенную высоту строки в ul # leftcol li - я ничего не видел в reset.css или style.css.

Answer 2

Если я вспомню, IE7 плохо работает с отрицательным z-индексом.Или любой z-индекс по этому вопросу.

Дайте вашей компании div-индекс z-index выше, чем у aboutbg div, и измените z-индекс aboutbg на положительное число.