Como lograr esquinas redondeadas sin frameworks ??

[junihh]

Hola señores y feliz año para todos.

Volviendo a mi caso, he tratado todo lo posible por evitar usar frameworks, javascripts externos o SVG para lograr esquinas redondeadas, ya que CSS no funciona en IE y Opera.

En cuanto a Opera, estuve probando con la beta 10.50 aplicando via CSS "border-radius: 8px;" y funciona muy bien, pero solo los div acogen el efecto, los botones no. Ni mencionar a IE.

Esto es lo que aplico con CSS para todos los navegadores:

Código HTML:

.cornerRad {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-ms-border-radius: 8px;
}

Prepare este script (sin soporte a IE) para forzar el asunto, pero el resultado es el mismo que con CSS:

Código HTML:

function setRoundCorners (rad)
{
	var objs = document.getElementsByTagName('*');
	//
	for (var i = 0; i < objs.length; i++)
	{
		if ( String(objs[i].getAttribute('class')).indexOf('cornerRad') != -1)
		{
			objs[i].style.borderRadius = rad + 'px';
			objs[i].style.MozBorderRadius = rad + 'px';
			objs[i].style.WebkitBorderRadius = rad + 'px';
			objs[i].style.KhtmlBorderRadius = rad + 'px';
		}
	}
}

Investigando a ver si lograba encontrar un truco para que el efecto funcione en IE y versiones viejas de Opera, llegue a la conclusion de que debo olvidarme de eso.

Me sugieren alguna otra idea o me olvido del efecto para IE y Opera ??