Abgerundete Ecken mit Zeilenumbruch

[Padde]

Hallo zusammen,

ich frage mich gerade, wie man (elegant) einen Button mit abgerundeten Ecken über zwei Zeilen erzeugt? Sobald der Umbrauch erfolgt, hab ich am Ende der ersten Zeile eine Gerade und die Rundung wird erst in der zweiten Zeile abgeschlossen. Hat jemand einen Tip?

Hier der Code:

<ul id="navi">
<li class="runderButton"><a href="#" title="#">Erste Zeile Zweite Zeile</a></li>
</ul>

#navi li .runderButton {
border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

Danke.