Сумасшедшая горизонтальная полоса прокрутки IE7

Question

Я использую шаблон HTML5 и у меня есть тег header , идущий по всей ширине в верхней части страницы, с позицией: исправлено.Он работает нормально везде, кроме IE7 (конечно).В IE7 создается горизонтальная полоса прокрутки, ширина которой примерно равна ширине основной области содержимого ...

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

Любой, кто хочет взглянуть: http://www.capitaldesign.ca/sanction3/index.html

Answer 1

Вы пробовали использовать overflow-x: скрытый в контейнере div?должны появиться полосы прокрутки, чтобы они не появлялись

Answer 2

Я вижу, что вы используете display: block в элементе header.

Попробуйте удалить это или сделать его отображением: inline-block.