Очевидно, дело в том, что разные браузеры рендерят буковки по-разному. И еще в том, что нарисовано "впритык".
Решение на скорую руку - это проставить white-space: nowrap, если айтемы меню вы задаете инлайнами или инлайн-блоками. Если делаете обтеканием, то переделайте на инлайн-блоки. Это запретит переносы строк. Но решения такого рода называются костылями.
Проблема на самом деле глубже, чем кажется. Вам сначала надо решить, что делать в общем случае, когда компонентам нехватает ширины. Скорее всего, нужно уменьшать оступы между компонентами. Тогда вам нужно сделать так, чтобы свободное пространство между айтемами распространялось поровну. И менюшка должна быть реализована, внимание, либо на инлайн-блоках, раскиданных с помощью text-align: justify, либо на флексах с justify-content: space-around.