[CSS] Radius (Bordes redondos en CSS)

Bueno, luego de un millón de años de no postear aquí en la web, regreso de ultratumba con un nanotuto para que aprendan a hacer bordes redondos en CSS sin necesidad de imagenes, esta muy sencillito, solo deben agregar el nuevo identificador, en mi caso pondre que el identificador se llama "cuadro" (cosa rara porque esto no quedara como cuadro XD)

#cuadro {
}
Luego de eso ponemos entre { y } lo siguiente:
-webkit-border-radius: ??px;
-moz-border-radius: ??px;
border-radius: ??px;
Donde:
"-webkit-border-radius" determina el radio de curva para exploradores como Safari, Opera y Google Chrome.
"-moz-border-radius" determina el radio de curva para el Mozilla Firefox
"border-radius" determina el radio de curva para Internet Explorer (8 Final y 9 Beta), aun cuando no lo tomen en cuenta, es muy recomendable que lo usen porque en caso de que no se reconosca un anterior, esta linea sera como decrilo de "rescate";
y finalmente "??px" es el radio de curva en pixeles que se le dara, obviamente deben ponerlo igual en los 3, quedando como un ejemplo de codigo final:

#cuadro {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Cabe mencionar que NO TODOS los navegadores lo leeran, pero tomando en cuenta que actualmente los usuarios usan Mozilla Firefox y Google Chrome como preferencia, entonces con ellos no habra problema, tampoco con Safari (Apple), con quien puede en un caso dado dar problema seria con alguno que otro que use IE7 u el 8 Beta o cualquier explorador desactualizado (que supongo no hay muchos que se arriesguen a no actualizar y dejar hoyos de seguriidad)

Bueno, ese fue un nanotuto, haber si luego les dejo mas poco a poco, saludos.