[JavaScript] Firefox, replace i zmiana nazwy klasy, czyli temat z serii "a w IE działa!" ;) Opcje

[Sky_walker]

Próbuje stworzyć menu w HTMLu/CSSie i JS, ale natknąłem się na problem którego nie mogę przeskoczyć :/

Javascript poniżej bierze wszystkie li z listy i:
- po najechaniu ma zastępować nazwę klasy unselected na DISunselected
- po zjechaniu ponownie ma wymienić klase DISunselected na unselected

I... niestety ale w FF za nic nie chce działać :/
Za to w IE wszystko gra...

Bardzo bym prosił o sugestie co jest źle.

[HTML] pobierz, plaintext 
 
<head>
 
<script type="text/javascript">
sfHover = function() {
	var sfEls = document.getElementById("navbar").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
                        this.className=this.className.replace('unselected','DISunselected');
		}
		sfEls[i].onmouseout=function() {
                        this.className=this.className.replace('DISunselected','unselected');
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
 
      </head>
    <body>
 
            <ul id="navbar">
		<!-- The strange spacing herein prevents an IE6 whitespace bug. -->
			<li class="pozycja1" style="width: 186px;"><a href="#"><span><em>Pozycja1</em></span></a>
                                <ul class="selected">
				<li><a href="#">Subpozycja1</a></li>
                                <li><a href="#">Subpozycja2</a></li>
                                <li><a href="#">Subpozycja3</a></li>
                                <li><a href="#">Subpozycja4</a></li>
                                <li><a href="#">Subpozycja5</a></li>
                                </ul>
			</li>
			<li class="pozycja2 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja2</em></span></a>
			</li>
			<li class="pozycja3 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja3</em></span></a>
			</li>
			<li class="pozycja4 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja4</em></span></a>
			</li>
			<li class="pozycja5 unselected" style="width: 186px;"><a href="#"><span><em>Pozycja5</em></span></a>
			</li>
            </ul>
 
</body>
 
[HTML] pobierz, plaintext