Hi!

The thing is, that i want to have menu button still on hover state, while you move cursor over rollover menu.
I'm having rollover flicker in IE7, i think its because i have "event handlers" on div, so when cursor goes over <li> elements inside that div, ie thinks its out..
I would like to make a delay, like: if its out, wait 100ms and check if its out again? but i had no success, maybe any help or suggestions? (i tried sliding door technique - but no succes - flicker persists)

Sorry for my english.
Here is the JS code:

Complete code: http://cvzu.simetric.si/testis/(Check the 'Podjetje' button - it has <li> elements)

Code:
 function stay_hover() 
 {
	 var changeStyle = this.parentNode.getElementsByTagName('a');
	 changeID(changeStyle[0].className,changeStyle[0].className);
 }
 
 function nomore_hover() 
 {
	 var changeStyle = this.parentNode.getElementsByTagName('a');
	 changeID(changeStyle[0].className,'');
}
$(document).ready(function()
{ 
    $('#MenuStyle > li > div').bind('mouseover', stay_hover)
    $('#MenuStyle > li > div').bind('mouseout', nomore_hover)
});


function changeID(theClass,newID) 
{
	var allPageTags=document.getElementsByTagName("*");
	for (i=0; i<allPageTags.length; i++) 
	{
		if (allPageTags[i].className==theClass) 
		{
			allPageTags[i].id=newID;
		}
         }
}
Thank you for your time.