mehrere div´s dynamisch erzeugen und bewegen

[Felix S]

hallo ich hoffe irgendjemand versteht was ich will!

also:
ich erzeuge mit
var c = document.createElement("div");
ein div und lege größe usw fest
mit
c.setAttribute("id","laser"+nr);
lege ich dann eine dynamische ip an welche ich immer mit
nr++;
verändere.
soweit klappt ja alles so wie ich es will.
mein problem ist das sich diese divs nach oben bewegen sollen.
(sind schüsse bei einem spiel;-) )

nach oben bewege ich sie mit
for (var i=0;i<nr;i++) {
             if ((document.getElementById("laser"+i).style.posTop) > 0) {
                document.getElementById("laser"+i).style.posTop =
                document.getElementById("laser"+i).style.posTop - 15;
             }

und rufe dann die funktion in der der code für die nachoben bewegung steht wieder rekursiv auf.

aber es werden mit der zeit einfach zu viel divs und der IE braucht 90% rechenleistung.
Wie kann ich es lösen das die divs sich wieder zB löschen wenn es 20 gibt?
Mit removeChild() hab ich es probiert aber das hat nicht wirklich geklappt.

Ich glaube zwar nicht das mein Gestammel irgendwer versteht aber danke trotzdem.
Mfg