Почему выпадающий ul перекрывает основное меню в Firefox?

Question

[Vlad_beg]

Помогите разобратся, почему при наведении на "Travels" выпадающие меню перекрывает основное меню в Fireofx, в Chrome работает нормально

Достаточно открыть ссылку в Firefox: Jsfiddle

Answer 1

[Ден Тоцкий]

Нет фф под рукой, но попробуй для .sub display: block; вместо inline-block;
Ну или нижнюю позицию задавай явно, т.к. она бедется при инициализации

Comments

[Vlad_beg]

спасибо помогло, еще один вопрос если не затруднит. У меня выпадающие меню на пару пикселей больше чем основное, как сделать ширину одинаковой?

[Ден Тоцкий]

у вас оба меню контентозависимые, т.е. сколько внутри текста и айтемов на столько широкое оно и будет. Если надо прямо ровно делать то это переверстывать надо, например на flexbox можно

[Vlad_beg]

а если без flexbox, что стоит поменять?

[Ден Тоцкий]

Даже не знаю, думаю на ccs без флексбоксов это будет костылем %) Еще смотря в каком контексте это все должно быть, какой внешний контейнер у меню(ограничение по ширине). Много факторов короче.

[Vlad_beg]

Спасибо за помощь