Hello,

I have a menu that is made up of various div elements. Different levels of the menu are displayed on mouse over. Everything works, but there's a problem with the 'stability' of the displayed divs: in FF they just disappear when I move the mouse quickly around the menus. In EI they flicker like crazy.

Does any have any tricks or solutions?

Here's the function that creates the menus:
Code:
function showSelection(divID, mID, level, filter, toplevel) {
	var offsetString;
	var offsetStart = document.getElementById("container").offsetLeft;
	var url = (level == 1)? "url(../support/img/myspoonfed/selectedL1.png)" : "url(../support/img/myspoonfed/selectedL2.png)";
	document.getElementById(divID).style.background = url;
			
	var obj = (level == 1)?document.getElementById("userSelection"):document.getElementById("userSelection2");
	obj.style.visibility = "visible";
	
	if (!window.ActiveXObject) {
		obj.style.top = toplevel;
		if (level ==1) {
			offsetString = offsetStart + 110 + "px";
		} else {
			offsetString = offsetStart + 229 + "px";
		}
	} else {
		obj.style.top = 345;
		if (level ==1) {
			offsetString = offsetStart + 8 + 110 + "px";
		} else {
			offsetString = offsetStart + 8 + 229 + "px";
		}
	}
	
	obj.style.left = offsetString;
	
	//get the xmlhttp object
	var xmlhttpL1 = getXMLHttpRequest();
	
	//Server Page
	serverPage = "/support/php/myspoonfedPrefs.php?divID=" + divID + "&mID=" + mID + "&level=" + level + "&filter=" + filter + "&toplevel=" + toplevel;
	
	xmlhttpL1.open("GET", serverPage, true);
	xmlhttpL1.onreadystatechange = function () {
		if (xmlhttpL1.readyState == 4 && xmlhttpL1.status==200) {
			obj.innerHTML = xmlhttpL1.responseText;
		}
	}
	
	xmlhttpL1.send(null);

}
And, here's the image of the menus: