estilos distintos entre <li>

[Laika]

He puesto tal y como me dices (negrita) pero es que me sigue herendando estas propiedades y cada <li> se me crea con la anchura de 120.

Además debajo de las pestañas mas cortas se ve que aparece la foto: "pest_naranja2.gif" que no debe aparecer.

He puesto en rojo lo queme da problemas.

Código:

#nav {width:994px; overflow:hidden; text-align:right;}
.miestilo #nav {background:url(fondo_nav.gif) left bottom repeat-x;}

#nav ul {float:left; height:33px;}
#navn li {float:left; width:120px; margin:0px 2px; text-align:center; display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; height:29px; line-height:31px;}
.miestilo #nav li {background:url(pest_color.gif) 0 0 no-repeat;}

#nav li a {
	background:url(pest_off.gif) 0 0 no-repeat;
	text-align:center;
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9D4A00;
	text-decoration:none;
	height:29px;
	line-height:31px;
}
#nav li a:hover {
	color:#000;
	}

#nav li a.navegacion_corto2 {
	float:left;
	width:78px !important;
	text-align:center;
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9D4A00;
	background:url(pest_off_corta2.gif) 0 0 no-repeat;
	text-align:center;
	text-decoration:none;
	height:29px;
	line-height:31px;
	margin-left: 0px; 
	margin-right: 0px;
      }
	  
#nav li a:hover.navegacion_corto2 {
          color:#000;
          }