Вопрос по динамическому добавлению элементов
 

В существующий на странице div(id="t2",width=400px,height=400px) необходимо динамически добавить сотню маленьких(чтобы из них получилась "таблица" 10x10), пробовал сделать циклом с помощью клонирования (об особенностях appendChild знаю..) - не получается, где-то ошибаюсь..Знаю, вопрос не нов и несколько дурацкий, но таково задание..Возможно есть простой и свежий метод решения?

function create(){
var arrDiv=[];
div.style.border = '1px solid';
div.style.width = '40px';
div.style.height = '40px';
div.style.cssFloat = 'left';
div.style.backgroundColor = 'olive';
div.style.textAlign = 'center';
  for (var i = 0; i < 100; i++) {
//так тоже не работает:
arrDiv[i] = document.createElement('div');
document.getElementById ("t2").appendChild(arrDiv[i]);
  }
}

Negotiant,

function create(){
var arrDiv=[];
for (var i = 0; i < 100; i++) {
var div = arrDiv[i] = document.createElement('div');
div.style.border = '1px solid';
div.style.width = '40px';
div.style.height = '40px';
div.style.cssFloat = 'left';
div.style.backgroundColor = 'olive';
div.style.textAlign = 'center';
document.getElementById ("t2").appendChild(div);
  }
}

Спасибо Вам огромное.(примерно месяц изучаю js, с интересом просматриваю Ваши решения.. )