Несколько созданных элементов располагаются в одной строке. Как этого избежать?
 

Здравствуйте.
Столкнулся со следующей ситуацией.
Присутствует таблица фиксированной ширины. В некоторой ячейке с id=elements нужно создать несколько текстовых полей(в css для них задана ширина, чуть меньшая ширины ячейки таблицы). Создаю поля следующим образом:

var elements = document.getElementById("elements");
var newInput = document.createElement("input");
newInput.type = "text";
newInput.className = "inputText";
newInput.name = kr;
newInput.value = "Содержимое №"+kr;
elements.appendChild(newInput);

Так я делаю несколько раз. Всё работает.

Проблема в следующем:
В FF поля переносятся на новую строку и выстраиваются по вертикали(из-за того, что ширины ячейки таблицы достаточно только для одного элемента), но в IE8(другими версиями не обладаю) ячейка таблицы в наглую растягивается и созданные элементы выстраиваются в одну строку.
Вопрос: как сделать так, чтобы созданные элементы переносились на следующую строку во всех браузерах?

Заранее благодарю.