Firefox Mangles JS Menu Format

... why does Firefox destroy my menu bar?

[austtr]

I have been using a JS drop down menu called mmenu.js for quite some time.... well before Firefox became a serious browser. It's a menu system that is in pretty common use and available from sites such as Dynamic Drive and the like.

IE displays the menu headers correctly like this:

menu item 1
-------------
menu item 2
-------------
menu item 3

However, Firefox displays like this:

menu
item
1
---------
menu
item
2
---------
menu
item
3
---------

When used with a horizontal display, the result is the same with each word in a menu header item wrapping to the next line.

The submenus display correctly so the problem seems to be related to just the menu headers.

There doesn't seem to a Firefox compatible version of mmenu.js in public release so it seems I need to either replace the menu system (a lot of work) or find a solution to the Firefox display issue.

Can anyone offer assistance?

[Vhadakhan]

Show me the money! er, I mean code.
Chances are its CSS related.

[kaled]

Validate your CSS... it could be something as simple as { white-space=nowrap }

Kaled.

[austtr]

Thanks Kaled...

You win the prize.... nailed it first time.

Many thanks

austtr