Problema con <ul><li><a> en Firefox

[aleCcowaN]

¡Hola gente!

Me permito molestarlos para consultar con un problema que tengo en una barra de navegación donde los enlaces los tengo definidos con estos estilos

...
#navNivel2 ul {
clip: rect(auto auto auto auto);
margin: 0px 0px 0px 4px;
padding: 0px;
}

#navNivel2 li {
margin: 0;
padding: 0;
list-style-type: none;
}

#navNivel2 a {
color: #777799;
text-decoration: none;
padding: 0 0 3px 20px;
display: block;
height: 18px;
}

#navNivel2 a:link {
color: #777799;
background-image: url(../im/link.gif);
background-repeat: no-repeat;
background-position: left top;
}
...

El problema lo tengo con el estilo marcado en rojo. Cuando no lo pongo, la barra de navegación se presenta correctamente en todos los navegadores en que la pruebo, pero los espacios entre vínculos se agrandan enormemente y la barra se estira de manera insoportable. Cuando fijo este estilo la barra se presenta muy bien en Explorer y Opera, ya que cuando el vínculo ocupa más de un renglón esos navegadores reacomodan el ítem automáticamente. Firefox no lo hace y me aparecen los textos superpuestos.

Mis preguntas son: ¿Existe otro modo de hacerlo? ¿Se puede ocultar este estilo a Firefox? ¿Debería definir la altura en otro lugar -con <li> no logré lo buscado-?. Cualquier ayuda, sugerencia, vínculo propuesto o lo que sea será muy agadecido. No he sabido buscar en otros hilos y hay aspectos de este tema que me son desconocidos.

Gracias de antemano

Alec