Borda com cantos arredondadas CSS3

Colocando bordas arredondadas em CSS3 com border-radius, nos navegadores Internet Explorer 8 e inferiores não exibe as bordas arredondadas, já no Internet Explorer 9, Chrome e Firefox e Safari exibe cantos arredondados.



cantos arredondadas CSS3

<!DOCTYPE html>
<html>
<head>
	<title>Borda cantos arredondadas CSS3</title>
<style> 
.exemploBorda1
{
color:#fff;
border:10px solid #FFFF00;
padding:10px 40px; 
background:#000;
width:300px;
border-radius:15px;
margin:0 auto;
}

.exemploBorda2
{
border:10px solid #000;
padding:10px 40px; 
background:#dddddd;
width:300px;
border-radius:25px;
margin:0 auto;
}
</style>
</head>
	<body>

	<div class="exemploBorda1">
	A propriedade border-radius permite que você adicione cantos arredondados aos elementos.
	</div><br /><br /><br />
	<div class="exemploBorda2">
	A propriedade border-radius permite que você adicione cantos arredondados aos elementos.
	</div>


	</body>
</html>