Javascript-форум - Изменение рамок

Господа, прошу помощь у гуру
Итак, имеем функцию

<script>
function border (com) {
document.border_left_top.src='/images/borders/left_top_' + com + '.gif';
document.border_right_top.src='/images/borders/right_top_' + com + '.gif';
document.border_left_bottom.src='/images/borders/left_bottom_' + com + '.gif';
document.border_right_bottom.src='/images/borders/right_bottom_' + com + '.gif';
top_border.background='/images/borders/top_border_' + com + '.gif';
left_border.background='/images/borders/left_border_' + com + '.gif';
right_border.background='/images/borders/right_border_' + com + '.gif';
bottom_border.background='/images/borders/bottom_border_' + com + '.gif';
}
</script>

Имеем картинку, вокруг которой в таблице в зависимости от выбранного изображения выводятся рамки, рядом стоят маленькие иконки для выбора рамки

<a  onClick="border(1); return false;"><img alt="Gold" border="0" height="24" src="/images/borders/left_top_1.gif" width="24"></a><br><a  onClick="border(2); return false;"><img alt="Gold2" border="0" height="24" src="/images/borders/left_top_2.gif" width="24"></a>

Сама таблица с основной картинкой где выводятся рамки выглядит так

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img name="border_left_top" src="/images/white.gif" width="36" height="36"></td>
<td id="top_border">&nbsp;</td>
<td><img name="border_right_top" src="/images/white.gif" width="36" height="36"></td>
</tr>
<tr> 
<td id="left_border">&nbsp;</td>
<td><img src="/images/pictures/2.jpg" border=0></a></td>
<td id="right_border">&nbsp;</td>
</tr>
<tr> 
<td><img name="border_left_bottom" src="/images/white.gif" width="36" height="36"></td>
<td  id="bottom_border">&nbsp;</td>
<td><img name="border_right_bottom" src="/images/white.gif" width="36" height="36"></td>
</tr>
</table>

Проблема в том, что IE все делает правильно, те рамки в зависимости от выбора рисуются, а вот firefox и opera ни в какую не прописывает фоном

top_border.background='/images/borders/top_border_' + com + '.gif';
left_border.background='/images/borders/left_border_' + com + '.gif';
right_border.background='/images/borders/right_border_' + com + '.gif';
bottom_border.background='/images/borders/bottom_border_' + com + '.gif';

Вообщем резюмируя, например <td id="top_border"> </td> в IE выводит нужную картинку в background, Firefox, Opera вообще не выводит ничего
А вот уголки <td><img name="border_left_top" src="/images/white.gif" width="36" height="36"></td> везде показываются корректно...
Переробовал все что только можно - бестолку, помогите люди добрые, очень нужно, спасибо