[Ovillo] Cajas con esquinas redondas

[stripTM]

Ya que est� saliendo el tema de las esquinas redondas, me ha gustado 
mucho la soluci�n que han aplicado a http://update-beta.mozilla.org/ 
(cabecera con los tres productos) en los que el html es un <div 
id="key-menu">...</div>
y en el css usando el :before y :after generan el contenido que les falta.

Me gusta porque en Explorer que no soporta nada degenera muy bien como 
una caja con esquinas cuadradas sin que en el html sobre c�digo.

#key-menu:before {
        line-height: 0.1;
        font-size: 1px;
        background: transparent url("../../images/key-menu_tr.gif") no-repeat 
top right;
        margin: -8px -8px 0 -8px;
        height: 8px;
        display: block;
        border: none;
        content: url("../../images/key-menu_tl.gif");
}
#key-menu {
        background: #B2C1C8 url("../../images/key-menu_back.gif") right top 
no-repeat;
        padding: 8px;
}
#key-menu:after {
        display: block;
        clear: both;
        padding-top: 8px;
        line-height: 0.1;
        font-size: 1px;
        content: url("../../images/key-menu_bl.gif");
        margin: -8px;
        height: 8px;
        background: transparent url("../../images/key-menu_br.gif") scroll 
no-repeat bottom right ;
}
--
Saludos -=stripTM=-
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org