Привет всем!

делаю себе табличный layout сайта, столкнулся с проблемой — слишком маленькие зазоры (точнее их вообще нет) между стенками ячейки таблицы (центральная ячейка с контентом) и её наполнением. Так как для конкретной ячейки нельзя указанить padding(margins), решил исправить это помещением контента в дополнительный контейнер, имеющий границы. Сделал это через div, со стилем
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
слева и сверху зазор появился, но почему-то обрезалось право и низ.


а должно быть



внутренние элементы жестких размеров не имеют, например

<tr>
<td id="_ctl6_cellInfo" align="Right" style="color:Silver;">Идентификатор статьи: 21
<br>Дата занесения/обновления: 04.08.04 21:02 </td>
</tr>
</table>

<img border="0" style="height:4px;width:1px;" />

<!--AnnouncementControl-->
<table id="_ctl8_TablePanelBody" class="controlView" cellspacing="0" cellpadding="0" border="0" style="height:64px;width:100%;border-collapse:collapse;">
<tr>
<td id="_ctl8_cellHeader" class="controlViewHilite" align="Left" colspan="2" style="height:16px;">Отзывы</td></tr>

<tr>
<td id="_ctl8_cellBody" align="Justify" valign="Middle" colspan="2" style="color:#404040;">Ваш отзыв будет первым!</td></tr>

<tr>
<td></td><td id="_ctl8_cellFooter" align="Center" style="font-style:italic;height:16px;width:32%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#FFFFFFFF, endColorstr=#FFEEEEEE,GradientType=1)"></td></tr>
</table>

<img border="0" style="height:4px;width:1px;" />

<!--EditReviewControl-->
<table id="_ctl10_tableBody" class="controlAction" cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;TABLE-LAYOUT:fixed">
<tr>
<td align="Right" style="width:99px;">ID:</td>
<td><input name="_ctl10:textID" type="text" id="_ctl10_textID" class="controlAction" style="width:100%;" /></td></tr>

как сделать, чтоб не обрезалось?