menu verticale e line-heght

[blur]

ciao,

ho questo menu verticale

ul.nav {text-align:right;
  font-family: Arial, Helvetica,'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
  color:#000;
  font-weight: bold;
  list-style:none;
  margin:0;
  padding-top:90px;padding-right:40px

}


ul.nav li a {
  padding-right:20px;
  color:#000;
  text-decoration:none;
  height:2em; line-height:2em;
  background: #fff;
}

ul.nav li a:link, ul.nav li a:visited { display:inline;}
ul.nav li a:hover, ul.nav li a:active { color:#0087D9; text-decoration:underline;}

funziona bene, però se ho le le lettere di una voce di menu più lunghe della larghezza impostata, questa mi va a capo. non è un problema se non fosse per l'impostazione di

height:2em; line-height:2em;

che mi crea un interlinea eccessivo per una voce menu che va a capo.
Insomma, se la voce menu va a capo dovrebbe essere subito sotto e non staccata con il line -height così grande.
spero di essermi spiegato
Grazie!

[blur]

insomma, ho dovuto allargare il box per fare in modo che la voce stia tutta su una riga.
però con FF ancora mi da problemi, mentre con IE va bene.

come da img



mentre il CSS modificato:

ul.nav {text-align:right; 
  font-family: Arial, Helvetica,'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
  color:#000;
  font-weight: bold;
  list-style:none;
  margin:0;
  padding-top:100px;

}


ul.nav li a {width:100%;
  padding-right:20px;
  margin:0;
  margin-right:20px;
  color:#000;
  text-decoration:none;
  height:1.4em; line-height:1.4em;
  background: #fff URL(../immagini/frecce.gif) no-repeat right;
}


ul.nav li a:link, ul.nav li a:visited { display:inline;}
ul.nav li a:hover, ul.nav li a:active { color:#0087D9; text-decoration:underline;}

grazie