JavaScript - insertar codigo html

tengo un jsp con este codigo:
<div id="valoresLeyenda" align="center"></div>

<br><input
type="button" value="Modificar" style="position:absolute; right:15px;"
onClick="muestraLeyenda();">

<br><br>

y luego tengo un fichero.js con este codigo:
var elementoDiv = document.getElementById('valoresLeyenda');

while(arr_color[i]!=null){

codigoHTML = '';
codigoHTML = codigoHTML + '<div id="capa' + i + '">';
codigoHTML = codigoHTML + '<table border="1" > <tr> <td width="20" align="right" bgcolor='+arr_color[i]+'></td>';
codigoHTML = codigoHTML + '<td width="120" align="right"> ';
codigoHTML = codigoHTML + '     <b> <  </b> '+arr_percent[0]+'</td>';

codigoHTML = codigoHTML + '</tr> </table></div> ';
elementoDiv.innerHTML = elementoDiv.innerHTML + codigoHTML;
}

alguien sabria decirme por que no inserta este codigo en el div del JSP???? mediante alerts puedo ver que todas las variables toman valores, e incluso miro el valor de codigoHTML y es el correcto, pero hace como si lo insertara, pero en el fondo no lo hace, AYUDA!!!!!!!!!!

Hola,

Quizás en mi página encuentres un ejemplo:

http://agu10.com.ar