Проблема с закруглёнными уголками (вёрстка) << На главную или назад  

Решил сделать табличку с закруглёнными углами. Написал следующее:

<table id="textboxtable" width="100%" align="center" cellspacing="0" cellpadding="0">
<tr>
<td class="bar_l"></td>
<td class="bar">Заголовок</td>
<td class="bar_r"></td>
</tr>
<tr><td id="lt_view" colspan="3">
Текст
</td></tr>
<tr>
<td class="bar2_l"></td>
<td class="bar2"></td>
<td class="bar2_r"></td>
</tr>
</table>

/* CSS */

.bar_l {
width:5px;
background-image: url("pic/bar_l.gif");
background-repeat: no-repeat;
padding:0;
}

.bar_r {
width:5px;
background-image: url("pic/bar_r.gif");
background-repeat: no-repeat;
padding:0;
}

.bar {
height:29px;
background-color: #005fc5;
background-image: url("pic/bar.gif");
background-repeat: repeat-x;
}

.bar2_l {
width:5px;
background-image: url("pic/bar2_l.gif");
background-repeat: no-repeat;
}

.bar2_r {
width:5px;
background-image: url("pic/bar2_r.gif");
background-repeat: no-repeat;
}

.bar2 {
height:8px;
background-color:#d2f6fb;
border-bottom: solid 1px #c8f1f7;
}

Проблема в том, что именно ИЕ расширяет width ячейки, которой назначено 5px. Подскажите, пожалуйста, как исправить. Спасибо.