Фон img не отображается в IE8 или ниже, отображается во всех других браузерах, которые я тестировал

Question

Я работал над этим все утро, надеюсь, кто-то может увидеть проблему, я пропустил.

У меня есть фоновое изображение для моего заголовка, оно отлично работает во всех браузерах, кроме IE8 и ниже, даже отлично работает в IE9 Beta.

Вот ссылка, http://test.medialayer.net/

Вот css для заголовка,

header {
width: 890px;
height: 90px;
background: #fff url('/images/headerBG.png') repeat-x top left;
margin: 0 0 18px 35px;
padding: 0 0 0 10px;
}

Я попытался изменить порядок css безрезультатно, это не пропущенный пробел после (), другие фоновые изображения на странице работают нормально и настроены одинаково, я попытался использовать jpg вместо png, сделал совершенно новый png, убедившись, что это был rgb, а не cmyk, и все еще ничего.

Понятия не имею, что попробовать дальше, заранее спасибо всем, кто заглянет.

Чак

Answer 1

Если открыть страницу в IE9, открыть инструменты разработчика (F12) и изменить режим документа на IE8, вы увидите, что стили элемента header не применяются.

The *Элемент 1004 * - это элемент HTML 5, который IE8 и ниже не понимает.

Answer 2

IE 8 подавляется <header>, который является элементом HTML 5.

См. Этот вопрос для обходных путей: Поддерживает ли Internet Explorer 8 HTML 5?

Самым популярным, кажется, является HTML 5 шим.