абсолютно позиционированный тег не работает в IE6

Question

Эта страница http://winteradagency.com/Arvin/incentives/lenders.htm выглядит хорошо во всех браузерах, кроме IE6. То, что идет не так, это громкие слова, которые должны быть в верхней части рисунка в центре, которые говорят «Отчисления для кредиторов». В IE6 они уходят вправо, в результате чего в окне браузера появляется горизонтальная прокрутка.

Мне нужно использовать 2 разных экземпляра этих слов, чтобы создать эффект искусственной тени. Таким образом, один поверх другого, но один пиксель в обоих направлениях.

Я использую этот HTML-код:

<div id="centerInc">
  <p class="centerAlign3">Deductions for Lenders</p>
  <p class="centerAlign2">Deductions for Lenders</p>
</div><!--end center image div-->

и вот css из styles.css на сайте:

#container #centerInc {
 background-image: url(images/IncCenter.jpg);
 height: 183px;
 width: 875px;
 margin-top: 160px;
 float: left;
 font: bold 2.6em Georgia, "Times New Roman", Times, serif;
 color: #FFF;
 background-repeat: no-repeat;
 text-align: right;
 position: absolute;
}

.centerAlign2 {
 font: normal 1.15em Georgia, "Times New Roman", Times, serif;
 color: #FFF;
 position: absolute;
 width: 860px;
 margin-top: 115px;
}
.centerAlign3 {
 font: normal 1.15em Georgia, "Times New Roman", Times, serif;
 color: #000;
 position: absolute;
 width: 861px;
 margin-top: 114px;
}

Любые идеи будут с благодарностью. Я все еще настоящий новичок. спасибо!

Answer 1

Очистить ваши поплавки: Очистка контейнера с плавающей запятой без разметки источника

У вас есть дополнительный тег </div>, который может вызвать другую проблему, а также несколько других ошибок: [Неверно] Проверка разметки winteradagency.com/Arvin/incentives/lenders.htm - W3C Markup Validator

Вам также может понадобиться таблица стилей для IE6: CSS - условные комментарии

Answer 2

Попробуйте указать «переполнение: скрытый» в centerInc

Я бы решил это, создав GIF или JPEG. Это будет лишь вопросом времени, прежде чем он не будет работать в ie9 или firefox 11 или новом браузере 0.5.

Answer 3

С position: absolute Я бы определенно указывал позицию х / у (т.е. top и left), и я думаю, что я не видел, чтобы вы это делали.При существующем положении вещей вы предоставляете браузеру полную свободу действий в отношении того, где размещать эти DIV.