Breaking drop downs in FF

[nategabriel]

Navigation items with drop down menus are being displayed inline instead of in a list style format like its supposed to.

For example

FF:

Menu Item
Sub Menu1 Sub Menu2 Sub Menu3

Webkit, IE, Opera:

Menu Item
Sub Menu1
Sub Menu2
Sub Menu3

Tested in FF 9, 12, and 15.

[bhubbard]

Started using this script with Superfish, have the same issue. Bump.

[sebnitu]

The issue is that FF doesn't let you position things absolutely in a parent element that has display: table-cell applied to it. A workaround is to just set tableDisplay : false and that will force the plugin to calculate the widths of each nav element manually.

I may remove the display: table setting all together in the next update since I've had a few people with this issue already and it's not very intuitive why it doesn't work in FF.

Let me know if that fixes your problem.

[filflora]

tableDisplay : false doesn't solve the problem for me. All the menu items are floating on eachother...

the "li" elements have float: left and width defined, but the "a" tags have: padding-left: 0px; padding-right: 0px;