Сталкнулся с необходимостью в браузере пользователя динамически видоизменять таблицы

Следующий код добавляет в таблицу новую стороку, в строку ячейку, а в ячейку текст.

var table = document.getElementById('filelist');
var xtr = table.appendChild(document.createElement('tr'));
var xtd = xtr.appendChild(document.createElement('td'));
xtd.appendChild(document.createTextNode('текст ячейки'));

Так вот этот код работает во всех доступных мне браузерах кроме... IE. Причем узлы в DOM-дереве он создает (это я определяю по количеству потомков), а вот на экране новая строка не появляется.

Вот другой пример:

table.insertBefore(table.getElementsByTagName('tr')[2], null);

он должен переместить вторую, уже существующую, строку таблицы в конец таблицы (применяется для сортировки талбицы на клиенте). Если точнее: браузер должен удалить вторую строку и довиться в конец таблицы новую такую же. IE все эти действия выполняет, но удаление строки на экране видно, а добавление новой как и в первом примере — нет.

Подскажите, может кто знает как эту проблему решать.

P.S. Причем подобные проблемы встречаются только при работе с таблицами — все остальные элементы добавляются/удаляются нормально.