ie6 скрытое фоновое изображение div не показывается до наведения

Question

У меня есть меню, в котором есть ссылки с иконками.Иконки не появляются, пока я не наведу на них курсор.Значки устанавливаются в качестве фоновых изображений.

Когда я вижу в фиддлере, запрос на изображение происходит только тогда, когда я нахожу на ссылку

HTML:

<div style="display:none" id="menu"> 
<a href="test.htm"><span class="wicon"/>Test</a> 
</div> 

CSS:

.wicon { 
background:url('icons.png') no-repeat; 
width:17px; 
height:16px; 
display:inline-block; 
vertical-align:text-top; 
}

Answer 1

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

<span class="wicon">Test</span>

Кроме того, у вас есть исправление png javascript для IE6? (для обеспечения прозрачности PNG) Это может быть причиной проблемы. Если вы это сделаете, попробуйте отключить его для этого конкретного значка.

Если нет, то я полагаю, что в вашем коде есть какой-то javascript для отображения ссылки, поскольку она заключена в скрытый div. Не могли бы вы опубликовать код?