javascript in css menu driven by dynamic php

I’m not seasoned JS coder and I have come across this problem.

I appreciate if you show me what is not right with what I do:
—————————————————————

case: css driven menu (based on suckerfish menu: [url]http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones3.html[/url])
—————————————————————

Since IE does not support p-class hover, java script is used:

[CODE]sfHover = function() {
var sfEls = document.getElementById(“nav”).getElementsByTagName(“LI”);
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=” sfhover”;
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\b”), “”);
}
}
}
if (window.attachEvent) window.attachEvent(“onload”, sfHover);
[/CODE]

I try to dynamically access database using php to populate menu as needed (while loop).

PROBLEM:
JavaScript responsible for :hover replacement for IE does not work inside of php loop.
It displays only first set of hover elements.

Any thoughts?

Also in #JavaScript _↴