Не срабатывает hover при использовании в div

[AlexMak]

Делаю так, что при наведении на определенный div меняется его отображении. Все браузеры, кроме IE 6.0 отлично это понимают, но эксплорер то ли не поддерживает это свойство, то ли я что-то неправильно делаю, пишу в css просто .class1:hover{background-image:url(class1.jpg);}

[Victor Ananiev]

в ИЕ ховеры работают только для ссылок)

[AlexMak]

ацтой. Только напрямую через маусовер?

[klierik]

или используйте http://code.google.com/p/ie7-js/

[imolodec]

зачем...

у вас было например

<div class=dd>щас вспыхнет</div>

<style>

div.dd {background:#fff;height:200xp; width:300px;}

div.dd:hover {background:#000;} // будет работать только в ff3, opera 9.6

</style>

но мы обойдем это дело, задав тегу "а" свойства блочного элемента...

<a href class=dd>щас вспыхнет</a>

<style>

a.dd {display:block;background:#fff;height:200xp; width:300px;}

a.dd:hover {background:#000;} // будет работать везде и даже в ie6

</style>

[dber]

<script type="text/javascript">

jsHover = function() {

var hEls = document.getElementById("Идентификатор пределах которого надо научить делать hover").getElementsByTagName("нужный тег (для тебя div)");

for (var i=0, len=hEls.length; i<len; i++) {

hEls.onmouseover=function() { this.className+=" jshover"; }

hEls.onmouseout=function() { this.className=this.className.replace(" jshover", ""); }

}

}

if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);

</script>

это в head

а вот так надо в стилях прописать

div:hover, div.jshover{что-то там}