Linee mediante i DIV

Problema.
Disegnare tanti DIV di larghezza limitata uno di seguito all'altro.

<script>
function traccia()
{
 for(var sinistra=0;sinistra<=1000;sinistra=sinistra+20)
 document.write("<div style='position:absolute;background-color:blue;width:1px;height:500px;left:"+sinistra+"'></div>");
}

traccia();

</script>

Funziona! Ottengo tante linee verticali blu!

---

Ed ecco dei simpatici quadratini con l'aggiunta di linee orizzontali:

<script>
function traccia()
{
 for(var sinistra=0;sinistra<=1000;sinistra=sinistra+10)
 document.write("<div style='position:absolute;background-color:blue;width:1px;height:800px;left:"+sinistra+"'></div>");
 for(var alto=0;alto<=600;alto=alto+10)
 document.write("<div style='position:absolute;background-color:blue;width:1000px;height:1px;top:"+alto+"'></div>");
}

traccia();

</script>