Navigation Menu stops working in IE 9 Beta

[chu_bun]

1) Script Title: All Levels Navigational Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/

3) Describe problem: It doesn't work in IE 9 Beta.

For a horizontal menu, when the mouse moves over a menu item, the submenu shows for a moment then collapse to a vertical line. It seems something is missing in the code to set submenu.style["width"].

[ddadmin]

Since IE9 is just in its early beta stage, I probably won't start testing scripts with it until at least a couple more months. If I'm correct MS will be releasing a developer version of IE9 with stripped down functionality that won't overwrite IE8 on the same PC.

[chu_bun]

From my past experience, this kind of problem won't be fixed in the release version and feel kind of nervous. If I have to replace the menu codes, I would prefer doing it as soon as I can.

In the function:
revealmenu:function(header, submenu, endpoint, dir)

If I set submenu.style["width"] with an explicit value, things will work as expected. But "auto" results in a 0px width.

[ddadmin]

It seems the problem is with IE9 at the moment not properly rendering the sub menus whose width or height has been set to "auto", choosing instead to display it as collapsed. For the time being, the easiest and perhaps best thing to do if you're concerned about IE9beta is to make use of IE's compatibility mode doctypes to get the page in question to render uniformly across various versions of IE, such as by adding:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

to the HEAD of your page. This is explained more here.