[Solved] FireFox problem: nested menu not relative to parent li

[Harun]

This is FF issue, (it looks fine on safari and chrome) The nested menu shows up all the way on the left and not right under the selected item…

http://codepen.io/hrazith/pen/xumrd

please help…thanks!

[Paulie_D]

I dislike all those deep selectors (nav ul li ul li a)…I just give each menu level itsown classand it makes things much clearer.

Here’s a reference version I keep around.

Hope it’s useful: http://codepen.io/Paulie-D/pen/22c4ca602bda363099133ded6bca2294

EDIT:

Try adding left:0; to the submenu css.

[Harun]

Thanks Buddy, does look simpler..

[Harun]

ahh…that actually worked!
left:0;

Updated Pen:
http://codepen.io/hrazith/pen/xumrd

PS: how do I mark this thing ‘solved’?

[Harun]

i like it!…

Thanks

[Author]

Posts