Почему этот код не работает в IE7?

Question

Код: http://www.webdevout.net/test?0U

Демонстрация: http://www.webdevout.net/test?0U&raw

Это работает в большинстве современных браузеров (Safari, Chrome, Firefox, IE8 / 9), но не работает в IE7: что дает?Я в основном хочу, чтобы содержимое определяло размер контейнера, и я хочу, чтобы заголовок блокировал отображение и занимал ширину заполнения контейнера ....

Так что, если вы заметили, поле наleft имеет содержимое, и зеленое поле растягивается, чтобы вместить его ... имеет смысл?

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

Answer 1

Избавьтесь от декларации высоты в вашем стиле заголовка. Если вы хотите изменить высоту окна, измените свойство font-size.

Answer 2

Попробуйте добавить заголовок к position:absolute, и, поскольку он будет фоновым, вы можете добавить z-index:999 к тексту.