Попробуйте добавить white-space: nowrap;

пробовал еще до того, как задал вопрос. white-space: nowrap действительно решает проблему с переносом строки, но появляется новая. Появляется и горизонтальный скрол, а мне это совсем не нужно...
Нужно каким-то образом указать, чтобы скролы прилеплялись сбоку блока, а не вставлялись внуть

не для всего блока со шрифтами, а для каждого шрифта. Ну и overflow: hidden; для него же.
(Добавление)
Может я что не так понял?

Uchkuma, верно

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

Саныч В качесте решения можете попробовать использовать наразрывный пробел   для запрета автоматического переноса по нему - и в таком случае ширина блока меню должна определяться размером самого длинного неразрывного текстового элемента в нем Кроме того можно использовать JS-скрипт для динамического определения размеров блочных элементов на основе их содержиого - и изменения ширины контейнерного блока по указанной зависимости

Собственно:
clear:both;
overflow:hidden;
+ размер width и height (без всяких макс/мин)

Думаю вся проблема в min-width: 100px; что если width: 100px;
или можно сделать запрет на перенос строки и авто ширину.
--
Да и на скриншоте, было ясно показано, что скроллы в разных местах стоят, есть предположение, что внутри блока и снаружи блока. Хотя - это нужно тестить на деле, а не так.

Простое использование overflow:hidden в таком случае может не всегда сработать по той причине - что если в некотором элементе появляется дополнительная проктурка и он имеет фиксированные размеры то его собственное содержимое может перераспределиться под новые размеры - и в таком случае хотя фиксированные рамезры для контейнерного блока приведут к явному скрытию прорутки но часть теста может остаться невидимой

JustUserR, на первый взгляд ваш совет по поводу пробела мне показался дельным, но на практике это не так. Если ставить неразрывный пробел, то опять же появляется горизонтальный скрол. По поводу js я с самого начала думал, но хотелось решить проблему средствами css, но по хоже не получиться...

LEONeso, к чему вобще ваш пост? Или это из серии "лишь бы что-то написать"...
Каким боком тут clear:both, если оно запрещает обтекание? бред...
И то, что скролы в разных местах ясно с самого начала, сам вопрос в том, почему так и можно ли как-то "настроить" их положение...

Да действительно использование неразрывного пробела хотя и похоже на решение вопроса но в принципе результатом его включения будет такой же вывод как при использовании тега <nobr> или аналогичного ему CSS-свойства - а если судить по приведенным автором вариантам решения проблемы то это уже было использовано и приводило в появлению горизонательной прокрутки Тем не менее такой подход дает достаточную реализацию шаблона меню чтобы привести его к требуемому виду - конкретно можно добавить JS-скрипт который будет отслежитьва динамический размер вложенного блока по offsetWidth и offsetHeight - и в зависимости от этого менять размер включающего его контейнера или дополнительного отступа Существенным моментов является повышение эффективности JS-скрипта - за сче обработки агрегирующего события заместо автоматической его компановки из составляющих компонентов и выбора требуемого из них в DOM-модели

Я о том, к какому элементу задавать стили.
select {} или option {}
судя по примеру у вас стили на select, но в нем же и option присутствует.

Можно задать ширину option, тогда возможно все будет как планировалось.

Если бы вы были чуть внимательней, то еще бы по скрину смогли увидеть, что выпадающий список у меня не на select, плюс я и так писал, что сделал его на списках, т.е. на UL и LI
Чтоб вам было совсем понятно, вот кусочек html