javascript kompatibilitätsproblem

[ewigergert]

Hallo,

für meine Navigationsleiste benötige ich 2 Javascripts.
Leider harmonieren diese im IE nicht, wenn ich eines deaktiviere, funktioniert das andere.
Bei Firefox & Chrome laufen beide parallel.

Das eine JS (ich nenns mal JS1) ist nicht von mir, ich verstehe es auch nicht wirklich.
Das zweite JS (JS2) soll ein Problem lösen, dass ich mit der Navi-Leiste habe, wenn man herauszoomt. (siehe klick mich)

Die Seite mit dem Problem: klick mich

Ich habe mir auch eine Lösung? überlegt, kann diese jedoch nicht umsetzen:
Am einfachsten wäre es doch, wenn ich für meinen letzten Punkt (Punkt8) das
JS1 deaktivere. Jedoch steht da: document.getElementById("nav").getElementsByTagName("LI");, also er benutzt alles LI's aus meine Navi-Leiste. Kann ich das auch anders machen?

Grüße
ewigergert

JS1:

  
stuHover = function() {  
	var cssRule;  
	var newSelector;  
	for (var i = 0; i < document.styleSheets.length; i++)  
		for (var x = 0; x < document.styleSheets[i].rules.length ; x++)  
			{  
			cssRule = document.styleSheets[i].rules[x];  
			if (cssRule.selectorText.indexOf("LI:hover") != -1)  
			{  
				 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");  
				document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);  
			}  
		}  
	var getElm = document.getElementById("nav").getElementsByTagName("LI");  
	for (var i=0; i<getElm.length; i++) {  
		getElm[i].onmouseover=function() {  
			this.className+=" iehover";  
		}  
		getElm[i].onmouseout=function() {  
			this.className=this.className.replace(new RegExp(" iehover\\b"), "");  
		}  
	}  
}  
if (window.attachEvent) window.attachEvent("onload", stuHover);  

JS2

  
function over() {  
 document.getElementById("nav").style.backgroundImage = "url(grafik/header_over8.gif)";  
}  
  
function out() {  
 document.getElementById("nav").style.backgroundImage = "url(grafik/header8.gif)";  
}