/** 
 * Workaround für IE6 Pseudoklassen z.B. bei li:hover 
 */
liHover = 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);
			}
		}
	}
	
	//Listenelemente auf die wir das anwenden wollen
	var el = [ 
		document.getElementById("nav").getElementsByTagName("ul")[0].getElementsByTagName("li")
	]; 
		
	for(var i in el) {		
		
		for(var j in el[i]) { 
		
			el[i][j].onmouseover = function() {
				this.className += " iehover";
			}
			
			el[i][j].onmouseout = function() {
				this.className = this.className.replace(new RegExp(" iehover\\b"), "");
			}
			
		}		
	}
}

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