У меня есть следующий CSS на моей странице, он используется для создания разделителя в меню с изображениями:
<style type="text/css">
.divider_dynamicName
{
height: 5px;
background: url(/images/dyanmicDividerImage.gif);
}
</style>
<div class="divider_dynamicName"></div>
URL-адрес для фона генерируется динамически, поскольку я использую разные изображения для разных категорий в меню, а URL-адрес поступает из системы управления контентом.
Это будет работать в Firefox, однако в IE один из разделителей будет отсутствовать в меню. Когда я просматривал CSS с помощью IE Developer bar, он заявляет, что CSS не применяется, но когда я посмотрел на исходный код страницы, CSS выше будет располагаться поверх div.
Я не понимаю, почему CSS не применяется к div, что приводит к пустому div в IE7 / 8?