CSS Navigation zweizeilig mit Background-Image

[Bellanna]

Hallo ihr fleißigen Helfer.
Ich sitze seit langem mal wieder an einer Website, und schlage mich mit
der über CSS realisierten Navigationsleiste herum.
Das Problem ist folgenden:
Ich binde für die Optik eine kleine Pergamentrolle als Hintergrundgrafik
ein. Nun ist diese aber nicht komplett dargestellt abhängig von der
Zeilenhöhe.
OK das ist ertmal kein Problem: line height auf 2em gesetzt und
schwupps, ist die Pergamentrolle ganz drauf.
Nur habe ich jetzt ein Problem mit einem langen <li> Element, hier ist
jetzt der Zeilenabstand natürlich auch größer.

so wäre es super:
------
|eins|
------
----------------
|zwei mit sehr |
|langem Namen  |
---------------

------
|drei|
------

So ist es leider:
------
|eins|
------
----------------
|zwei mit sehr |
|              |
|langem Namen  |
---------------

------
|drei|
------

Könnt ihr mir da helfen? Hier die relevanten Code-Schnipsel:

ul#Navigation a {  
      display:block;  
      padding: 0.2em;  
      width: 10em;  
      text-decoration: none;  
      font-weight: bold;  
      line-height:2em;  
      border: 0px solid black;  
      border-left-color: white;  
      border-top-color: white;  
      color: #995c00;  
      background: #fcde9c url(./Parchment_off.gif) no-repeat center;  
      }  

<ul id="Navigation">  
   <li><a href="eins.htm">eins</a></li>  
   <li><a href="zwei.htm">zwei mit sehr langem Namen</a></li>  
   <li><span>drei</span></li>  
</ul>  

Lieben Dank!
B-ellanna