Абсолютно позиционированный div-переходы, содержащие div в IE7

Question

Возникли проблемы с парой проблем с отображением в IE7.

Во-первых, мои большие текстовые заголовки отображаются слишком далеко в Internet Explorer (все страницы) Во-вторых, мои описания на страницах моего портфолио выходят за пределы содержащихся в них элементов.

Отлично работает на FF / Chrome / Opera / Safari, хотя! Вы поймете, что я имею в виду: http://bit.ly/a3hUD4 (я использовал немного, поэтому мои глупые вопросы не появляются, когда кто-то гуглит мой сайт).

Я много гуглил. Не уверен, что проблема № 2 - это проблема переполнения или ошибка абсолютного позиционирования в IE.

Вот CSS для центрального div с громоздкими текстовыми заголовками

.column1 {
padding: 103px 10px 10px 10px;
float: left;
width: 500px;
margin: 0;
}

А для описания div на странице портфолио

.porttxtbox {
text-align: right;
background-image: url(images/porttxtBG.png);
bottom: 0;
position: absolute;
width: 100%;
padding: 0px;
margin: 0px;
}

И это контейнер div

.portimgbox {
    padding: 0px;
    margin: 0px;
    height: 250px;
    width: 480px;
    position: relative;
    border: 5px solid #EAEAEA;

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

РЕДАКТИРОВАТЬ: Теперь, когда я заметил, это не просто заголовки моих гигантских страниц в column1, ВСЕ мои столбцы примерно на 6 или 7 пикселей выше, чем в браузерах webkit / gecko. Есть идеи?

Answer 1

Поля заголовка

попробуйте с этим

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Тег <p></p> с атрибутом line-height не может быть отрисован должным образом, т.е. в версии 7 или min

Удаление или замена тега на div может решить проблему, если проблема не исчезнет, ​​вы можете использовать gif spacer .. всегда работает: P

Абсолютная позиция

опс .. я забыл попробуйте добавить в .porttxtbox слева: 0;

Лучше для спецификации набирать правило орбиты left:0; для позиции: абсолютная, поэтому нет ошибки рендеринга в каком-либо браузере, см. Ie7 или min версия.