Меню на CSS

Дано: элементарная менюшка http://dre.in.ua/hor_ul.html
Задача: Сделать его работающим в ИЕ.

Дополнительно: *WALL*

 

Элементарно =)

Code:

var jshover = function()
{
   var menuDiv = document.getElementById("nav")
   if (!menuDiv)
      return;

   var sfEls = menuDiv.getElementsByTagName("li");
   for (var i=0; i<sfEls.length; i++)
   {
      sfEls[i].onmouseover=function()
      {
         this.className+=" jshover";
      }
      sfEls[i].onmouseout=function()
      {
         this.className=this.className.replace(new RegExp(" jshover\\b"), "");
      }
   }
}

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

теперь пропишем вместо :hover .jshover

 

Странно, на подобный метод натыкался очень много раз, переписывал, подправлял.. ничего не помогало. И вот очередной такой же, просто копипастю и всё работает так как нужно))) Спасибо, это оно

 

И всё таки оказалось что мир не так прекрасен. В ИЕ работает. Не работает в FireFox
http://dre.in.ua/hor_ul.html

 

Починил.

 

menu na Counter-Strike:Source?

 

я бы посоветовал пользовать jquery и вообще забыть про :hover на все теги кроме a.
$('#menu li').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});

 

Увы, с jQuery нужно знакомится, а сроки проэкта этого не терпят. Вот сдам его и буду знакомится.