/** JavaScript **/
ieHover = function() {
var ieULs = document.getElementById('mainNav').getElementsByTagName('ul');
/** IE script to cover <select> elements with <iframe>s **/
var name = navigator.appName;
var vers = navigator.appVersion;

for (j=1; j<ieULs.length; j++) {
if(vers.indexOf("MSIE 5.5") != -1) {
ieULs[j].innerHTML = ('<iframe src="about:blank" scrolling="no" frameborder="0"></iframe>' + ieULs[j].innerHTML);
}
else {
ieULs[j].innerHTML = ('<span></span>' + ieULs[j].innerHTML);
}
var ieMat = ieULs[j].firstChild;
var realOffsetWidth = ieULs[j].offsetWidth;
ieMat.style.left="-1px";
ieMat.style.width=realOffsetWidth+"px";
ieMat.style.height=ieULs[j].offsetHeight+"px";
ieULs[j].style.zIndex="99";
}
/** IE script to change class on mouseover **/
var ieLIs = document.getElementById('mainNav').getElementsByTagName('li');
for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
ieLIs[i].onmouseover=function() {this.className+=" iehover";}
ieLIs[i].onmouseout=function() {this.className=this.className.replace(' iehover', '');}
}}
if (window.attachEvent) window.attachEvent('onload', ieHover);
/** end **/