Me sigue heredando los estilos de <li>. Este es el codigo:
Cita:
<div id="nav">
<ul>
<li><a href="link1.php">Link1</a></li>
<li><a href="link2.php" >Link2</a></li>
<li id="nav_corto"><a href="link3.php>Link3</a></li>
<li id="nav_corto"><a href="link4.php">Link4</a></li>
</ul>
</div>
Necesito que me coja la imagen de la linea de codigo que he puesto en rojo.
Los estilos que doy a los 2 <li> son estos:
Cita:
#nav {width:994px; overflow:hidden; text-align:right;}
.naranja #nav{background:url(f_nav_naranja.gif) left bottom repeat-x;}
#nav ul {float:left; height:33px;}
#nav 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;}
.naranja #nav li {background:url(pest_naranja2.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_corto {
float:left;
width:78px;
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: 2px;
margin-right: 2px;
}
#nav_corto a{
text-align:center;
display:block;
font:normal 12px Arial, Helvetica, sans-serif;
color:#9D4A00;
text-decoration:none;
height:29px;
line-height:31px;
}