Código HTML:
<div id="menuv1"> <div id="m1h"> <h3 align="left">Artículos</h3> </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div>
Código:
La imagen que falla es la que está en el ul, el borde inferior se sigue viendo aunque amplíe el margin-bottom negativo. #menuv1{
border-left: 2px solid #B80017;
border-bottom: 2px solid #B80017;
background: url(../img/menuv1bkg2.jpg) repeat-y right;
margin-bottom: 20px;
}
#m1h h3{
background: url(../img/menuv1bkg.jpg) repeat-x;
}
#m1h{
border-bottom: 2px solid #B80017;
background: url(../img/menuv1left.jpg) no-repeat left;
margin-left: -2px;
}
#menuv1 ul{
background: url(../img/menuv1bl.jpg) no-repeat;
background-position: 0% 100%;
padding: 10px 10px 10px 20px;
margin-left: -2px;
margin-bottom: -2px;
}

