HTML+CSS+JavaScript

Доброе утро!
Есть сложности с opera && firefox при динамическом добавлении полей в форму.
А именно: есть форма, внутри которой 2 таблицы, справа и слева. Вниз правой таблицы нужно вставлять новые ячейки с полями ввода,
вот так например: <td><input type="text" name="name"></td>. Я добавляю это без проблем в таблицу. Родителем вновь созданного поля является таблица, а не форма,
из-за этого данные из полей ввода, которые я создаю "на лету" не передаются в опере и мозиле, в ие данные уходят. Если установить родителем создаваемых инпутов форму, то данные передаются, но поля появляются не там где мне нужно(то есть не в ячейках таблицы), а после тега <form>, помогите передать данные из нужного места ?

function add_phone_field( name ){
var tbl = document.getElementById("table");
var newRow = tbl.insertRow(tbl.rows.length-1);
var newCell = newRow.insertCell(0);
var newCell1 = newRow.insertCell(1);
var inputFlags = document.createElement("input");
inputFlags.type = "text";
inputFlags.name = name+"[]";
inputFlags.value = name;
newCell.style.backgroundColor= "#D9DBDE";
newCell1.style.backgroundColor= "#D9DBDE";
newCell1.appendChild(inputFlags);
return false;
}
</script>

lf

Да нет - у меня эти методы во всех броузерах работают(ИЕ, Опера, Лиса).