HTML, CSS, javascript, PHP

В Internet Explorer селектор :hover можно использовать только для элементов ссылок.

Однако есть способ ( Whatever:hover ) сделать так, чтобы данный селектор работал и в IE.

Для этого нужно скачать файл csshover3.htc и в файле ie6only.css, который добавляется с помощью условного комментария

<!--[if lte IE 6]>
<link href="ie6only.css" rel="stylesheet" type="text/css"/>
<![endif]-->

добавить следующую строку:

body { behavior:url("/templates/имя-шаблона/css/csshover3.htc"); }

Или как в шаблоне ja_purity - добавить с помощью условного комментария файл ja.cssmenu.js:

sfHover = function() {
	var sfEls = document.getElementById("ja-mainnav").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; ++i) {
		sfEls[i].onmouseover=function() {
			clearTimeout(this.timer);
			if(this.className.indexOf(" sfhover") == -1)
				this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.timer = setTimeout(sfHoverOut.bind(this), 20);
		}
	}
}

	function sfHoverOut() { clearTimeout(this.timer); this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); }

	if (window.attachEvent) window.attachEvent("onload", sfHover);

Или другой вариант скрипта:

<script type="text/javascript">
 jsHover = function() {
  var hEls = document.getElementById("hornav").getElementsByTagName("LI");
  for (var i=0, len=hEls.length; i<len; i++) {
   hEls[i].onmouseover=function() { this.className+=" jshover"; }
   hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }
  }
 }
 if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
</script>

Этот вариант мне лично больше нравится)