Строка меню CSS не прерывается для второй строки

Question

У меня есть меню CSS.

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

Вот мой код CSS, если вы хотите взглянуть на него.

В чем здесь проблема? (Я сделал простое меню, где оно работает, но в этом случае из выпадающего меню - это не так)

вот ссылка http://jsfiddle.net/mr_mikey/nR2t6/

Answer 1

Удалите следующий стиль из вашего CSS:

#mainmenu ul ul a {
    white-space: nowrap;
}

Answer 2

Может быть, вы используете встроенные теги span вместо тегов div уровня блока? Сам не пробовал, но это может повлиять на способ переполнения и обработки. Также есть свойство CSS3 под названием «перенос слов», которое вы можете попробовать установить в «break-word».