hola amigos, tengo el siguiente codigo:
<div id="menuLeft">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Intendencia</a></li>
<li><a href="#">Gobierno</a></li>
<li><a href="#">Tramites</a></li>
<li><a href="#">Turismo</a></li>
<li><a href="#">Como llegar</a></li>
<li><a href="#">Noticias</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
y tengo el siguiente codigo css:
#menuLeft {
position:absolute;
left:0px;
top:-2px;
width:100%;
height:217px;
z-index:2;
background: #706f6d;
}
#menuLeft ul{
list-style: none;
line-height: normal;
margin: 0;
padding: 19px 0 0 0;
}
#menuLeft li{
padding: 0px 0px 5px 0px;
z-index: 2;
}
#menuLeft li a:link, a:visited{
text-decoration: none;
color: #FFFFFF;
}
#menuLeft li a:hover {
text-align: right;
color: #7ea647;
background: #9dfc24;
padding: 0 40px 0 0;
width:217px;
}
lo que quiero hacer y no consigo es q al posicionarme en alguno de los enlaces se ponga un recuadro de un color q tenga el ancho de menu left y ademas que se alinie a la derecha. me podrian decir q estoy haciendo mal. saludos y gracias