Отрисовка границ таблицы "по-правильному"

[DeniSa]

Всем привет. Задумал сделать объявление в рамке с закругленными углами как здесь
http://www.fabricasaitov.ru/
и не выходит.
Вот код, пробую сделать это для верхней левой ячейки:
html
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7" height="7" class="table_bottom_left">&nbsp;</td>
<td >&nbsp;</td>
<td >&nbsp;</td>
</tr>
и т.д. остальные 2 строки с ячейками пустые
css
.table_bottom_left {
background-image: url(images/border.gif);
background-repeat: no-repeat;
background-position: 0px -8px; }
в итоге картинка в ячейке отображается хоть и обрезанная сверху но до конца целиком, т.е. ее высота и высота ячейки явно не 7 пикселей
сама картинка во вложении нарисовал 1 в 1 как на сайте. Что я не учел?

[Naive]

Проставьте

font-size:0;

для границ.

[ZvEr_HaCkEr]

или border-radius:4px;

[DeniSa]

border-radius:4px; - спасибо, не знал что так можно, но меня не устраивает как ее понимают браузеры

[DeniSa]

Сообщение от Naive

Проставьте

font-size:0;

для границ.

помогает, если применить к table, спс

[TranceSmile]

Сообщение от DeniSa

border-radius:4px; - спасибо, не знал что так можно, но меня не устраивает как ее понимают браузеры

Все браузеры можно заставить понимать border-radius
Вот ссцылка