Automatischer Umbruch bei längeren Menüpunkten

Hallo allerseits,

ich suche momentan nach einer Lösung, also am besten einem Plugin für mein Problem.

Ich habe ein Menü, welches sich beim hover aufklappt. Die darin erscheinenden Untermenüpunkte sind oftmals länger, als eigentlich Platz ist, also ragen manche Untermenüpunkte einfach aus ihrer Box heraus über den Content. Das ist natürlich äußerst unpraktisch. Natürlich kann ich das jetzt über das Menü lösen, indem ich den betroffenen Untermenüpunkten einfach einen Bindestrich hinzufüge. Dann bricht der Browser nämlich den langen Untermenüpunkt ab. So soll es sein.

Weil das ein kleines Kundenprojekt ist, möchte ich das allerdings gerne so handhaben, dass der Kunde, wenn er einen Untermenüpunkt im Backend hinzufügt, der länger ist als die Box zulässt, keinen Bindestrich machen muss, sondern, dass das System automatisch erkennt, dass das Wort länger ist als die Box und es deswegen einen Umbruch machen muss.

Per CSS funktioniert das ja nur ganz bedingt gut. Zwar wird der Untermenüpunkt bei word-wrap:break-word; umgebrochen, allerdings sieht das äußerst schlampig aus.

Habt ihr any ideas? Freue mich!