Estoy intentando hacer lo siguiente ...CSS esquinas redondeadas
Esto es lo que tengo ahora ... pero no se está procesando correctamente. ¿Alguien tiene alguna idea de cómo arreglaría esto?
CSS
/* Curved Corners */
.bl {
background: url(bl.gif) 0 100% no-repeat;
/*background-color:#EFFBEF;*/
width: 700px;
margin-left: auto ;
margin-right: auto ;}
.br {
background: url(br.gif) 100% 100% no-repeat;
}
.tl {
background: url(tl.gif) 0 0 no-repeat;
}
.tr {
background: url(tr.gif) 100% 0 no-repeat;
}
.clear {font-size: 1px; height: 1px}
HTML
<div class="bl"><div class="br"><div class="tl"><div class="tr">
<div id="header">
</div>
<div id="footer">
</div>
</div></div></div></div>
Tenía la impresión de que IE8 no es compatible con esto. – Skizit
Esto es cierto, pero lo siguiente resuelve bien ese problema (en IE6, 7 y 8) información: http://code.google.com/p/ms-border-radius/wiki/Usage y fuente: http://code.google.com/p/ms-border-radius/source/checkout – Sandwich
msbr se ve roto, arroja una excepción en IE8 tan pronto como se carga la secuencia de comandos.Parece que funciona a pesar de eso, pero no me gusta ver errores en la barra de estado. –