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

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

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

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

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

здесь ссылка http://jsfiddle.net/mr_mikey/nR2t6/

Ответ 1

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

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

Ответ 2

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