ciao a tutti
vorrei dei consigli su come sistemare questa lista non ordinata x fare un navigatore (o menu)

codice:
ul.nav
{
  
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.nav li
{
  display: inline;
  height:100px;  
}

ul.nav li a
{
  text-decoration: none;
  font-family:  Trebuchet MS, Tahoma, Verdana;
  font-size:12px;
  color:#FFFFFF;
}

ul.nav li a:hover
{
  color:#FFFF00;
  background: url(imgs/hl.jpg) repeat-x;
}
vorrei l'area cliccabile sia di 100% alto e vorrei ke al passaggio del mouse cambi sfondo. inoltre, vorrei che il testo stia basso, e non alto...alcune di queste modifiche funzionano con ie, ma nn con mozilla e nn riesco a mettere il testo basso, nonostante aver già provato vertical-align:bottom e text-bottom

suggerimenti? grazie e ciao