Chrome CSS CSS текст не ломается при исчерпании ширины

Question

В chrome у меня ошибка, когда текст не разбивается на две строки, когда достигает полной ширины содержащего его элемента.

Посмотрите на мою скрипку , и вы поймете, что я имею в виду. Текст находится над повешением суб-навигации маркетинговых сервисов, где, как и в FF, более длинные заголовки навигации разбиваются на слишком длинные строки.

Answer 1

Ширина ссылки больше, чем у элемента списка. Вот почему текст выпадает из выпадающего меню.

#primary-nav ul ul li {
    width: 105px;
}

#primary-nav ul ul li a {
    width: 135px;
}

Если уменьшить его до того же размера, что и li (или указать 100%), это сработает.