Нужно создать страницу с сеткой 16х16, состоящей из div-элементов в форме квадрата. При помощи JS я смог создать один ряд квадратов, но не могу понять, как создать следующий столбец, т.к. они продолжают идти ниже предыдущего ряда.
Вот, что у меня получилось, после создания двух строчек div'ов:

[attachment=41203:Снимок экрана (231).jpg]

Так выглядит код:
HTLM:

CSS:
[CSS]
#block1 {
width: 25px;
height: 25px;
background: red;
float: left;
border: 5px solid;
clear: both;
}

#block2 {
width: 25px;
height: 25px;
background: red;
float: left;
border: 5px solid;
clear: both;
margin: 0px 0px 0px 30px;
}
[/CSS]
JS:
[JS]
var i = 0;

for (i=0;i<17;i++) {
var div1 = document.createElement('div');
document.body.appendChild(div1);
div1.setAttribute("id", "block1");
};

for (i=0;i<17;i++) {
var div2 = document.createElement('div');
document.body.appendChild(div2);
div2.setAttribute("id", "block2");
};
[/JS]