Another IE6 problem (sub-menus)

I'm having a problem, only in IE6, of course, with sub-menus not working properly if the pages using them are not on the top level of the site (along with the CSS MenuWriter folders). As soon as you try to hover over them, they disappear. But there's a twist: on ONE of the pages at the top level the sub-menus are NOT working. I noticed on the one that isn't working, the <div> is labeled <div id="topNavigation">, while on the others that do work, the same <div> is labeled <div id="topNavigationMedium">.

Can you look at my test site and let me know, first, why the sub-menus aren't behaving properly in IE6 for any pages that aren't on the top level, and second, why the music.htm page (which is on the top level) is exhibiting the same behavior?

Home page is at:

reppac/

Misbehaving music.htm page is at:

music.htm

Thanks!

Problem solved by changing the level 1 menu width to 101px from the default of 100px. In addition, I changed the level 2 menus from auto to a fixed width, wide enough to accommodate the widest text.

Site is now live at PAC/ if anyone is interested.

That is good to hear that you have it solved. Sorry for not getting a reply to you sooner, we had a three day weekend here and did not make any responses yesterday.

I am having this problem also, except changing auto widths to fixed widths did not help me. I am still having trouble with the sub menus going away on IE 8 (compatibility mode) and I assume that's for IE 6 and older. I created a page to work with this containing only the menu to try and isolate the problem.

!test3.asp

Not really sure what to do next. Help!

By the way, only the services section of my menu has flyouts.... I would really prefer to use auto widths for the main and sub-level but if I have to use fixed width I can live with that. It's just that it hasn't helped up to this point. It works fine everywhere else but for older versions of IE and IE 8 compatibility mode, the flyouts go away as soon as you try and drag over them.

It seems ridiculous to be supporting such old software, but as long as my client wants to stand behind his 25% or so users still on older versions of IE (proven by the site stats), I gotta make it work somehow.

Thanks.
Steve

I have done some testing of the menu in IE 6, and IE8 in compatibility mode. I was able to make it behave a little better at least in IE 8 compatibility mode, I was not able to test the update in IE 6.

The update was for the css for the level 1 UL LI, here is the specific thing that I changed that seemed to get it to work correctly:

menu.css
UL#cssmw UL LI
margin-top: -5px;

You should give this a try to see if you get it worked out. I think the solution will be along these lines and you will need to make adjustments and test to get it worked out.