IE Flicker on mouseout

[Azionite]

I am using v.5.752 of the menu and have created a menu that is working well except the fact that the image flickers on mouseout. It works fine in FF1.5, but seems to only happen in IE ( I have version 6.0.28 ).

Here is the page: http://www.thecommunitychurch.cc/test.shtml
Here is my menu_data.js:

Code: Select all

fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
fontfamily="Verdana, Tahoma, Arial";
fontsize="60%";
rawcss="padding-top:1px;padding-bottom:10px";
}

with(submenuStyle=new mm_style()){
styleid=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontweight="bold";
headercolor="#000000";
offbgcolor="#F2F6F7";
offcolor="#1F456A";
onbgcolor="#7B3034";
oncolor="#FFFFFF";
padding=4;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
itemwidth=255;
left=0;
orientation="vertical";
style=menuStyle;
top=117;
aI("align=center;bgimage=images/index_02.jpg;itemheight=52;rawcss=padding-bottom:1px;text= ;url=http://www.thecommunitychurch.cc/;");
aI("align=center;bgimage=images/index_04.jpg;itemheight=41;showmenu=AboutUs;text= ;");
aI("align=center;bgimage=images/index_05.jpg;itemheight=41;showmenu=Ministries;text= ;");
aI("align=center;bgimage=images/index_06.jpg;itemheight=41;showmenu=News;text= ;");
aI("align=center;bgimage=images/index_07.jpg;itemheight=41;showmenu=ServiceInfo;text= ;");
}

with(milonic=new menuname("AboutUs")){
orientation="vertical";
style=submenuStyle;
aI("align=center;text=Our Beliefs;url=aboutus.shtml;");
aI("align=center;text=Church History;url=churchhistory.shtml;");
aI("align=center;text=Meet The Staff;url=staff.shtml;");
}

with(milonic=new menuname("Ministries")){
orientation="vertical";
style=submenuStyle;
aI("align=center;text=Activities Team;url=/ministries/activities.shtml");
aI("align=center;text=Adult Sunday School;url=/ministries/adultsundayschool.shtml;");
aI("align=center;text=Caregiving Team;url=/ministries/caregiving.shtml;");
aI("align=center;text=Children's Ministry;url=/ministries/children.shtml;");
aI("align=center;text=Daycare Team;url=/ministries/daycare.shtml;");
aI("align=center;text=Drama Ministry;url=/ministries/drama.shtml;");
aI("align=center;text=Marketing Team;url=/ministries/marketing.shtml;");
aI("align=center;text=Men's Ministry;url=/ministries/mens.shtml;");
aI("align=center;text=Music Ministry;url=/ministries/music.shtml;");
aI("align=center;text=Outreach Team;url=/ministries/outreach.shtml;");
aI("align=center;text=Prayer Team;url=/ministries/prayer.shtml;");
aI("align=center;text=Technology Team;url=/ministries/technology.shtml;");
aI("align=center;text=Women's Ministry;url=/ministries/womens.shtml;");
aI("align=center;text=Youth Ministry;url=/ministries/caregiving.shtml;");
}

with(milonic=new menuname("News")){
orientation="vertical";
style=submenuStyle;
aI("align=center;text=Latest News;url=news.shtml;");
aI("align=center;text=Upcoming Events;url=events.shtml;");
}

with(milonic=new menuname("ServiceInfo")){
orientation="vertical";
style=submenuStyle;
aI("text=Service Times;url=services.shtml;");
aI("text=Location & Map;url=map.shtml;");
}


drawMenus();

Please let me know if you need any other information to help me diagnose this issue.

Thanks!

Az

[Azionite]

I was able to get this resolved.

I used the image based "Pop-up" menu sample instead of using the purely Javascript generated menu. So, my images are THERE instead of being positioned by the javascript code.

Still not sure what the issue was, but I found a work-around.

Thanks...