jQuery Multi Level CSS Menu #2 not working in Firefox

[RAH]

1) Script Title: jQuery Multi Level CSS Menu #2

2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...el_css_menu_2/

3) Describe problem:

I am creating an intranet site for our HR department and I can't get the menu to render correctly in FF. (Surprisingly, it works great in IE!) The menus don't appear below the heading. They slide to the right and are all mixed up at the top of the page. I have FF ver. 3.5.9.

Here is a link to my page. Could you tell me what I'm doing wrong? Thanks so much. I love this site and use it a lot, thanks for all the great code!

http://www.wiw.uscourts.gov/bankruptcy/HR/BenefitsInsurance.html

[ddadmin]

Looks like a CSS positioning issue. Did you modify jqueryslidemenu.css on your own? Try reverting this file back to the original found on the script page (http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/), and see if that changes anything. BTW, the issue you mentioned also occurs in IE8, as it should if this is a CSS positioning problem.

[RAH]

Thanks for the tip. I had modified the css. I went back through and recreated the entire page from scratch adding things one step at a time to see where it would break. I finally found that I was sloppy in my code when creating my list items. Should have dropped the closing </li> tag like this:

<li><a href="http://www.dynamicdrive.com">Item 1</a>
<ul>
<li><a href="#">Insurance</a></li>
<li><a href="#">Retirement</a></li>
<li><a href="#">Insurance</a></li>
<li><a href="#">Telework</a></li>
</ul>
</li>

Instead of:
<li><a href="#">Insurance</a></li>
<ul>
<li><a href="#">Health</a></li>
<li><a href="#">Dental/Vision</a></li>
<li><a href="#">Life</a></li>
<li><a href="#">Long Term Care/Disability</a></li>
</ul>

It didn't seem to bother IE8 though! Thanks for taking the time to respond.