HTML+CSS+JavaScript

Подскажите как воспользоваться функцией border-radius правильно.

<style type="text/css"> <!-- .rd { border-radius: 100px;      } --> </style> <table  border="0" cellspacing="0" cellpadding="0" class="rd"> <tr> <td>Текст</td> </tr> </table>

Оно имеет немного другой синтаксис. Например:

<style type="text/css">  <!--  .rd { -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px;     }  -->  </style>

Но я не советую вам использовать этот стиль, т.к. он входит в спецификацию уже CSS2.0, поддержка которой пока не очень распространена. И работает оно только в Мозилло-образных...