Hola,
Estoy tratando de redondear los bordes con divs y una imagen. Este modo lo uso siempre:
Código html:
Ver original<!--
.contenido {
margin: 1px;
padding: 3px;
height: 100%;
width: 100%;
}
.contenido .colm_uno {
width: 60%;
float: left;
}
.contenido .colm_dos {
float: right;
width: 35%;
}
.contenido .colm {
float: left;
background-color: #C6E1FF;
margin: 3px;
padding: 5px;
position: relative;
}
.contenido .clear {
clear: both;
height: 1px;
width: 1px;
}
.contenido .colm .top-l {
background-image: url(../images/cuadros/m/bm.png);
background-repeat: no-repeat;
background-position: left -148px;
height: 10px;
width: 10px;
position: absolute;
left: 0px;
top: 0px;
}
.contenido .colm .top-r {
background-image: url(../images/cuadros/m/bm.png);
background-repeat: no-repeat;
background-position: -40px -148px;
height: 10px;
width: 10px;
position: absolute;
right: 0px;
top: 0px;
}
.contenido .colm .bottom-l {
background-image: url(../images/cuadros/m/bm.png);
background-repeat: no-repeat;
background-position: left -188px;
height: 10px;
width: 10px;
position: absolute;
left: 0px;
bottom: 0px;
}
.contenido .colm .bottom-r {
background-image: url(../images/cuadros/m/bm.png);
background-repeat: no-repeat;
background-position: -40px -188px;
height: 10px;
width: 10px;
position: absolute;
right: 0px;
bottom: 0px;
}
-->
El problema no se porque ahora IE me coloca el div de abajo(bottom) a 10 pixele de distancia
.
La imagen
bm.png contiene muchos bordes de distintos colores, y seleciono el que nesesito.
Gracias
Salu2