Закругленные углы у блоков посредством css

Сделать закругленные уголки у блока без использования графики и скриптов, да еще чтобы и во всех браузерах работало? Запросто!

Начать стоит с того, чтобы написать, как это сделать для современных браузеров

.class {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

Теперь в нормальных браузерах у нас есть закругленные углы радиусом в 10 пикселей

Теперь, чтобы это заработало еще и в Internet Explorer (начиная с 6 версии), в стили дописываем следующее

.class {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}

Теперь в корень сайта ложим файл border-radius.htc. Скачать этот файл можно отсюда: http://curved-corner.googlecode.com/files/border-radius.htc

Пример блока с закругленными краями посредством css

можно посмотреть здесь: http://demo.cartcms.ru/