salve a tutti ho un problema, aiutatemi a risolverlo

dunque sto creando un box con angoli arrotondati seguendo questa lezione:

http://webdesign.html.it/articoli/le...enza-immagini/ s

olamente che non mi vengono i margini a dx e a sx... il codice che utilizzo è questo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>box angoli arrotondati</title>
<style type="text/css">
b.rtop, b.rbottom{display: block; background: #FFF}
b.rtop b, b.rbottom b{display: block; height: 1px;
overflow: hidden; background: #76C2FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
</style>
</head>

<body>
<div>
<b class="rtop">
<b class="r1">[/b]
<b class="r2">[/b]
<b class="r3">[/b]
<b class="r4">[/b]
[/b]
blaaaaaaaaaaaaaaaaa
<b class="rbottom">
<b class="r4">[/b]
<b class="r3">[/b]
<b class="r2">[/b]
<b class="r1">[/b]
[/b]

</body>
</html>

dove sbaglio?

Grazie