IE6 не рендеринг фонов div

Question

Страница, о которой идет речь: http://secantmedical.com/biomedical-textiles/biomedical-textiles.php

Область заголовка со словами «Биомедицинский текстиль» очень просто задается с помощью класса CSS, который отражает имя страницы, в данном случае класс «Биомедицинский текстиль»».Другие примеры включают «медицинские приложения», «дизайн и разработка» и т. Д. Вы получаете суть.

Исключительно в IE6, каждая главная страница после Biomedical Textiles имеет пустую область заголовка.Размеры остаются на месте, но фон не применяется.То же самое верно для всех подстраниц.У первого потомка Biomedical Textiles, Textile Science, заголовок применен правильно, а все остальные подстраницы имеют пустую область заголовка.

Я могу подтвердить, просто просмотрев источник, что классы применяются правильно;Соедините это с тем фактом, что заголовки выглядят нормально в любом другом браузере.В файле CSS работающие классы появляются первыми в соответствующих группах.Когда я переставляю один из последних наверх, тот работает, а каждый последующий - нет.Я понятия не имею, почему это так.Любая помощь будет принята с благодарностью.

Рассматриваемый CSS находится в строках 83-123 style.css.Заранее спасибо!

Answer 1

То, как ваш селектор написан на CSS для этих изображений bg, т.е. 6 не распознает его Вам написано:

#l2-header.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; }

Он не распознает класс id.class. Если вы не используете класс где-либо еще, просто используйте класс без идентификатора перед ним. Просто используйте:

.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; }

Это должно исправить.