Tengo un menú con bordes redondeados que en algunas esquinas, en FF funciona perfectamente pero en IE se me sigue viendo el borde debajo y no sé por qué. En la página hay más bordes redondeados y funcionan todos perfectamente menos esos.
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:
#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;
}
La imagen que falla es la que está en el ul, el borde inferior se sigue viendo aunque amplíe el margin-bottom negativo.