Предотвращение переноса строк в макетах CSS

Мой дизайнер CSS сделал дизайн, в котором есть два брата, выложенных слева направо. Макет выполняется путем указания ширины тегов ul.

Он использует Firefox в Windows, где все выглядит хорошо. Я использую Firefox в OS X, где содержимое одного из тегов li имеет слишком много текста, поэтому оно перетекает в другую строку. Дизайн был сделан с намерением, чтобы текст находился на одной линии.

Существует несколько соображений:

• Я хочу, чтобы теги ul отображались слева направо, а не сверху вниз
• Я хочу, чтобы решение было дружественным i18n (перевод строк не должен приводить к разрыву на две строки)

Если это определено в пикселях, почему оно выглядит по-разному в OS X по сравнению с Windows даже в одном браузере?

Есть ли общее решение CSS, которое может препятствовать линиям обертывания или препятствовать тому, чтобы страница выглядела по-разному в отношении переноса строк между OS X и Windows? Или это потерянное дело?