Кривое отображение в firefox на Убунту.

Пропиши в стилях фонты для этих блоков нормальные и проблема уйдет

разверните пожалуйста вашу мысль !

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

Стандартные шрифты для винды совершенно не означают тот же стандарт для linux. Может так оказаться, что в вашей системе вообще нет тех шрифтов, которые по умолчанию есть в винде, соответственно и браузер не может отобразить одинаково, ибо подставит то, что есть. Используйте фиксированные загружаемые шрифты на сайт или шрифты от гугла для единого типа шрифтов, тогда более-менее будет близкое отображение.

Поэтому рекомендуется использовать "безопасные шрифтовые стеки"

Я не указывал для какой ОС. Есть шрифты, которые везде будут одинаково отображаться. Если такая ситуация напрягает - используйте их

Да я вроде бы и не вам отвечал. ТС же спрашивал за linux и винду, о них и речь.

А шрифты, они конечно же будут одинаково отображаться, если они установлены. В то время, когда я плотно сидел на Fedora/Ubuntu - шрифты TTF требовалось в систему ставить отдельными пакетами. Если их не установить, то всех этих "одинаково отображающихся" там просто нет и FF подставит то, что есть. А еще может быть так, что Arial в винде и тот же Arial в линуксе - разные. А еще может быть в системе не включено сглаживание шрифтов и выглядеть они будут совершенно по-разному. А еще... и таких "а еще" - полна коробочка )

Не знаю как сейчас, но полагаю, что все так же криво, исходя из вопроса ТС и того, что я недавно ставил ubuntu второй системой и там даже, чтобы переключатель языков сделать по Ctrl+Shift нужно поставить дополнительную утилиту или танцевать с настройками в терминале ) В итоге посмотрел, что все тоже убожество, как и было - снес. Неудивительно, что у них до сих пор процент использования так низок.

Никаких танцев - все там предельно просто было.

Все верно. и эта проблема решается подбором шрифтов, которые будут максимально похожи и в винде и в убунте. для этого конечно нужно иметь все. В свое время, когда я занимался фронтом, у меня стояли все популярные браузеры, ну кроме ослика и приходилось тестить во всех.

Вас кто-то обманул (см. прикреплённый скриншот) :)

suffix :

Кстати, по вёрстке - фф показывает по логике правильно. Ему  там негде развернуться из-за ограничения по ширине. Но другие браузеры показывают красивее и скрывают ошибку в верстке.

1. Не во всех.

2. Суффикс, ты меня конечно извини, но это - ужасного качества верстка фронта, тебе бы ее по-людски сделать у кого-то, потому что лично получается так, как получилось.

3. Проблема не в шрифтах, а в том, как сделаны (некоторые) CSS-стили (перевожу - "ужасно", "что заказано - то и получено")

Вот я показываю объект (на скрине), с которым у тебя (в любом честном браузере) будут описанные проблемы

Т.е. у тебя текст не может поместиться в заданный размер и вылезает вправо за границу, поведение следующего ` .nav-sub li a ` в общем-то зависит от местами "доброй воли браузера", паддингов там для отступа может и не хватить (особенно когда пойдут 4-значные числа), но формально он должен начинаться не там, где закончился анкор, а там, где закончилась площадь a (CSS-ник из меня тот еще, но на некоторые вещи уже наступал) - т.е левее. На Лисе ты это поведение и наблюдаешь (хорошо бы еще и версию ее уточнить).  А все почему? CSS - тагсибе

.nav-sub li a {
...
    width: 87px;
    height: 35px;
...
}

это ж реально "ужас-ужас-ужас", прибитые гвоздиками размеры, в которые ты банально не помещаешься. Ну и таких примеров даже только по этой странице ("ужаса верстальщика") у меня есть и еще:

1. Бро, ну это ж порнография уровня "home  video"

<div class="news-list-adapt">
 <br>
 <br>
 <br>
<h1>Статьи о свинках</h1>

2. А за такое использование дивов для вставки свободного места вообще святая Инквизиция приговорила бы:

<div class="height-both"></div>

только для того, чтобы в CSS

.height-both {
    height: 25px;
    clear: both;
}