lo que pasa es que mas de un elemento no puede tener el mismo ID, por eso solo te funciona en el primero. claro, en tu caso seria irracional asignar un ID distinto a cada <div> porque habria que llamar multiples veces la funcion. lo que puedes hacer es asignarle una clase y tomar todos los elementos que tengan la misma clase. existe el metodo
document.getElementsByClassName pero desafortunadamente no existe en iexplorer aunque es facil corregir este aspecto.
Código:
if(!document.getElementsByClassName){
document.getElementsByClassName = function(className){
var regex = new RegExp(className);
var array = [];
var element = arguments[1] || document.documentElement;
for(var elem = element.firstChild; elem != null; elem = elem.nextSibling){
if(elem.nodeType != 1)continue;
if(regex.test(elem.className)) array.push(elem);
if(elem.hasChildNodes()) array = array.concat(arguments.callee(className, elem));
}
return array;
}}
lo que te queda por hacer es asignarle clases a los <div> y modificar la funcion para buscar los elementos por clases e iterar por todos los <div>.