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; }