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

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

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

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

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

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