В таблице у img не отображается border если стоит padding

[Jhozeph]

Хочу в ячейке таблицы скруглить по всем сторонам углы кнопке. Если не ставлю padding кнопке, то скругляет нормально, а если поставить то не скругляет. Причем если сделать padding-right то скруглит только по левой строне Как можно исправить?

<td width="500" height="150" align="right" valign="middle" bgcolor="#003399" id="two"><img src="12_r15_c7.gif" width="72" height="26" alt=""></td>
    <td> </td>

#main img {
	border-radius: 10px;
	padding:5px;	
}

[Radiocity]

Напомню, что padding - это внутренний отступ, регулирующий расстояние от края блока до его наполнения. В примере отчетливо видно, почему скругляется только одна сторона при padding-left: http://jsfiddle.net/Radiocity/S6R56/

Советую Вам не использовать border-radius для img, потому браузеры будут вести себя крайне неадекватно. Обычно, помогает установка картинки в качестве фона: http://jsfiddle.net/S6R56/1/

Edited May 27, 2012 by Radiocity

[Jhozeph]

Напомню, что padding - это внутренний отступ, регулирующий расстояние от края блока до его наполнения. В примере отчетливо видно, почему скругляется только одна сторона при padding-left: http://jsfiddle.net/Radiocity/S6R56/

Советую Вам не использовать border-radius для img, потому браузеры будут вести себя крайне неадекватно. Обычно, помогает установка картинки в качестве фона: http://jsfiddle.net/S6R56/1/

Большое спасибо за ответ. А для чего кроме img не желательно использовать border-radius?