CSS padding-top в IE7 работает слишком хорошо

Question

У меня есть навигация с padding-top: 148px; в Firefox, Chrome, Safari, IE 9 и 8, она выглядит отлично, но в IE 7 это дает слишком много, вы можете увидеть пример этого на http://willruppelglass.com/index.php почему он это делает и как мне это исправить?

Вот CSS

.headerNav{
    color:#000;
    margin:0 auto;
    width: 1280px;
    padding-top: 148px;
}

Любая помощь будет признательна, спасибо заранее.

Answer 1

Попробуйте использовать приведенную ниже структуру и отрегулируйте заполнение <div class="headerNav"></div>, поскольку верхние элементы имеют свойство float:left, а вы используете padding-top: 148px;в IE7 заполнение применяется внутри самого headerNav по сравнению с другими браузерами.

В других браузерах заполнение применяется из порта верхней части окна просмотра.) вы можете увидеть верхнюю поверхность: 148;применяется в элементе div, не в верхней части тела.

См. верхнюю часть отступа: 148px, применяемая сверху тела / области просмотра.на изображении ниже (Firefox)