Zeilenumbruch in Navigationsbezeichnung (Titel)

Hallo

Ist es möglich in der Navigationsbezeichnung (Menüeintrag Details > Titel) einen Zeilenumbruch einzubauen?

Ich habe das Problem, dass in einem horizontalen Menu einige sehr lange Einträge stehen.

Beispiel:
SehrLangesWort & NochEinSehrLangesWort

Jetzt möchte ich vor dem '&' einen Zeilenumbruch.

Definiere ich die Breite mit

#main-nav-top ul li
{
width: 210px;
background-image:url(/templates/content-base/images/spacer-main-navi-top.png);
}

sind alle Menueinträge gleich breit, also auch jene in denen nur ein kurzer Begriff steht (das spacer-main-navi-top.png ist ein senkrechter Trennbalken). Plus habe ich keine Kontrolle, wo der Umbruch erfolgt.

Das Menu sollte also so aussehen:

SehrLangesWort
& NochEinSehrLangesWort|
|KurzesWort|
|WiederEinSehrLangesWort
& UndNochEinSehrLangesWort

Hat jemand eine Idee?

Vielen Dank!

Patrick

Nachtrag: Hab' eine mögliche Lösung gefunden:

Ich referenziere die item direkt:

#main-nav-top ul li.item10 {
width: 145px;
}

#main-nav-top ul li.item18 {
width: 220px;
}

[ etc. ]

So kann ich mit der Breite eines jeden Eintrages den Umbruch erzwingen (vorausgesetzt es hat Leerschläge im Titel).