[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