Ok heres my issue, I have a page set up with 3 different menus. Two are horizontal a footer menu and Header menu, these two render perfectly (in all browsers). I also have another menu which is vertical and renders fine in everything but IE6. IE6 shows absolutely nothing. I made sure it wasn't an CSS issue or Java Script issue, it simply does not render... I can't understand why. If I disable the css friendly control adapters the default .net menus pull up fine. If I tell the control to not enable the adapter it renders, not how the default .net renders but it pulls up all the links. If anyone has any suggestions I would greatly appreciate it, I need this menu to render, and I'd really like use the clean markup without all those tables.

I'm actually having this same exact issue (except I have one horizontal menu, not two).  I messed around with the .js a bit, but I honestly know nothing of Javascript when it comes to modifying that adapter.  With the adapter disabled on the vertical menu, it renders the control just as regular hyperlinks basically.  I've noticed around the community that this seems to be a recurring issue, and I'd like to help; even though my skills are at a beginner's level, I'm a quick learner.  If anyone has any ideas, I'm willing to try them. (I also tried creating two user controls that inherited the menu control properties, and attatched the CSS Friendly Adapter to one, but I couldn't get it to work correctly for some reason.)

Edit: I think I know what's causing the issue:  in the MenuAdapter.js, in browsers before IE7 it's looking for the topmost element of "AspNet-Menu" and the tag "ul", which is the same for ALL menus in the rendered code.  Wouldn't that mean that once it's found the first menu, it neglects to apply the style rules and visibilty to any following menus?  Like I said, I'm not up on Javascript, but every change I've tried to provoke using the .js file, it's only affected the FIRST menu.  Is there a way to make it differentiate between the classes like the stylesheet does?

I don't think your problems are due to the JavaScript logic. First, MenuAdapter.js only controls the logic for showing/hiding submenus during hover/unhover of the top-tier menu items. You've said that your whole menu doesn't show up at all. The JavaScript wouldn't control that at all. Second, the logic that you referred to is OK because it is called for every menu due to the way that SetHover__AspNetMenu is written. Third, I've used these adapters on pages with 3 or more menus without having the kinds of problems you are reporting.

Instead of digging into the JavaScript, I would recommend that you investigate the possibility that you are experiencing an instance of the IE6 peek-a-boo bug. In my opinion, this is much more likely. Others on this forum have experienced this problem, eg. http://forums.asp.net/p/1145854/1855973.aspx. Typically you solve this by adding position:relative to rule for your CssSelectorClass for your menu. Others have found other variants of this fix (e.g., adding various settings for height). You will find lots and lots of information on the Internet about the peek-a-boo bug; try searching from your favorite search engine.

If none of this helps, please post a URL to the page that is having the problem or post your markup and your CSS for that page. Good luck.

First off, Russ, Scott, thank you so much for your time.  I know you must get tons of these little annoying questions every day, but I appreciate you taking the energy to spell out the issue to a novice such as myself.

 I'll work on messing around with the options provided by the other thread and post here with my results.

Thanks again!

Looks like that fixed it.  By adding:

It appears I've been struck by this issue too.  I went to a meeting a couple of days ago to present a demo of the interface of an intranet based application to a department manager.  It was pretty embarrassing to see that it wouldn't properly render on his machine.  I had tested the interface on multiple machines in the IT area to make sure it works.  Unfortuneately our company has IE 6 as a standard, so this is definitely an issue.  I'd love to upgrade everyone to IE7, but that would break other legacy applications.

 I've tried implementing some of the suggestions mentioned in this and previous forum messages, but no luck so far.  I'll probably have to rip out the CSS menu and then replace it with something custom made.

 You would think that this bug in IE 6 would be rectified with a fix?  Oh well

 Meister1867

Before you go through all that, would you like to see my CSS that fixed it?

 Also, I don't think I was clear, but I added the aforementioned CSS to my IE6Menu file, and make sure you reference both your IE6Menu.css and the IE6.css that comes with the adapters.

If that's confusing, I'll just post my header and then the CSS files to explain it for me.

Hi Jordan,

My apologies for such a late response.  This past week has been fairly crazy moving to a new apartment. 

I'd greatly appreciate it if it's possible to see the code that you used to fix the issue.  You are right though, I was adding changesit to the Menu.css file thinking that would solve the issue.  Also, have you seen any issue while using IE7 while referencing the IE6 CSS files?  Or have you used javascript to customize which browser to use?

Thanks,
Meister1867

No problem, I can empathize!

 Here's the header for the master page, calling the CSS files:

<head id="Head1" runat="server">

<title>Untitled Page</title>

<link href="ChildMenu.css" rel="stylesheet" type="text/css" />

<link href="mchound_v1.css" rel="Stylesheet" type="text/css" />

<link href="mchoundmenu.css" rel="stylesheet" type="text/css" />

<link runat="server" rel="Stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />

</head>

Here's the CSS for the vertical menu I was having the issue with:

.mchoundchild ul.AspNet-Menu /* Tier 1*/

float: left;

clear: left;

width: 99%;

.mchoundchild ul.AspNet-Menu li

.mchoundchild ul.AspNet-Menu ul

width: 11em;

top: -0.2em;

left:100%;

background: #eeeeee;

.mchoundchild ul.AspNet-Menu ul li

width: 10.9em;

border: 1px solid #cccccc;

float: left;

clear: left;

height: 100%;

.mchoundchild ul.AspNet-Menu ul ul

top: -0.5em;

.mchoundchild li:hover,

.mchoundchild li.AspNet-Menu-Hover

.mchoundchild a,

.mchoundchild span

padding: 4px 12px 4px 8px;

.mchoundchild li.AspNet-Menu-Leaf a,

.mchoundchild li.AspNet-Menu-Leaf span

.mchoundchild li:hover a,

.mchoundchild li:hover span,

.mchoundchild li.AspNet-Menu-Hover a,

.mchoundchild li.AspNet-Menu-Hover span,

.mchoundchild li:hover li:hover a,

.mchoundchild li:hover li:hover span,

.mchoundchild li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.mchoundchild li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

.mchoundchild li:hover li:hover li:hover a,

.mchoundchild li:hover li:hover li:hover span,

.mchoundchild li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.mchoundchild li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span

background: transparent url(images/arrowRightActive.png) right center no-repeat;

.mchoundchild li:hover li a,

.mchoundchild li:hover li span,

.mchoundchild li.AspNet-Menu-Hover li a,

.mchoundchild li.AspNet-Menu-Hover li span,

.mchoundchild li:hover li:hover li a,

.mchoundchild li:hover li:hover li span,

.mchoundchild li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,

.mchoundchild li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span

width: 100%;

.AspNet-Menu-Vertical ul.AspNet-Menu li

Hi Jordan,

 Thanks for the help.  I 'slightly' modified my files so that the menu will now appear.  Of course, when one problem is solved a new one arises.   I suspect this is a result of more IE6 incompatibilities though.  I created a page with rounded corners (4 corners and 4 sides) using CSS.  I'm sure I'll find a solution though.

 The only thing I really changed is that I included reference to an IE6Fix.css and added a conditional statement as you did. 

 The IE6Fix.css really just needed the  

position:relative;
width: 100%;

statement. 

 I have had to add a few other items to my code, but that relates more to some of the features in my code.

Thanks Again,
Meister1867

Well I'm glad to hear your menu is working at least!  Good luck!

It looks like the position:relative;width: 100% also helped for my second situation too.  Now I can get down to coding :)