Zeilenumbruch in Liste möglich?

[paeonia]

Guten Morgen zusammen,

ich habe eine auf Listen beruhende horizontale Navigation

  
<div id="navigation">  
<ul id="mainnav">  
   <li><span>Home</span></li>  
   <li><a href="">Wir über uns</a></li>  
   <li><a href="">superLangesWortZumTrennen</a></li>  
   <li><a href="">Links</a></li>  
</ul>  
</div>

alle bisherigen Versuche, das Wort "superLangesWortZumTrennen" zu trennen, sind fehlgeschlagen (white-space:pre, bedingter Zeilenumbruch, <br/>), weil immer die Liste umgebrochen wird, statt nur das eine Wort.

Ich möchte die Navigation nicht über images lösen.

Sind Tabellen die einzige Alternative, oder gibt es eine Möglichkeit über Listenauszeichnung?

Danke für Eure Antworten.

Gruß von paeonia