Gracias por tu ayuda, pero si la imagen está formada en dos partes,yo tengo esto(el menu configurado para que este en fila):
Cita: div#menu {
height:35px;
left:215px;
position:relative;
top:30px;
}
div#menu li a {
color:#000000;
height:35px;
line-height:35px;
text-decoration:none;
padding:10px 11px;
}
div#menu li.nivel1 {
margin-right:5px;
font-weight:bold;
}
div#menu li.activo {
background: url(imagenes/menu_tab_l.png) left center no-repeat;
}
div#menu li a#activo{
color:#AA1428;
background: url(imagenes/menu_tab_r.png)right center no-repeat;
}
y me queda la primera imagen que solo ocupa el sitio del li (más bajo) y la del a más alta. Si pongo en el li dispay:block me las pone en fila y yo las quiero in-line.
¿Como puedo hacer para que las imagenes coincidan y formen entre las 2 la imagen correcta?
Muchas gracias.