por un lado tengo las originales:
Código:
.mc div{background:url(../images/content_bottom_left.jpg) bottom left no-repeat;}
.mc div div{background:url(../images/content_bottom_right.jpg) bottom right no-repeat;}
.mc div div div{background:url(../images/content_top_right.jpg) top right no-repeat;}
.mc div div div div{background:url(../images/content_top_left.jpg) top left no-repeat;}
.mc div div div div div{background:none;}
que se aplican <div class="mc"><div><div><div><div>
y por otro lado lo que quiero implementar a este box es:
Código:
.cbl, .cbr, .ctl, .ctr{background: url(imagen) no-repeat;}
.cbl{
background-position: -154px 0;
width: 13px;
height: 16px;
}
.cbr{
background-position: -169px 0;
width: 13px;
height: 16px;
}
.ctr{
background-position: -199px 0;
width: 13px;
height: 16px;
}
.ctl{
background-position: -185px 0;
width: 13px;
height: 16px;
}
alguna idea de como implementarlo? la verdad es que he tratado de solucionarlo de varias maneras pero no me a sido posible, gracias de antemano por las posibles respuestas.