Insérer dynamiquement div dans td

Bonjour à tous,

Après plusieurs heures (jours...) de recherche, je n'ai pus trouver la solution à mon problème.

En effet, je développe un site web intranet ( qui sera utilisé seulement sous IE 6 et plus ) et je souhaiterais insérer dynamiquement des <divs> à l'intérieur de cellule de tableau <td>.

Problème lorsque j'insère mon div dans les cellules il se pose par dessus le contenu de la cellule ( meme en instaurant des margin et padding qui vont bien....)

S'il le faut je peut poster le code .

Je ne sait pas si j'ai bien été clair....


Merci d'avance pour toute aide.

EDIT : Voici la création de mes cellules de tableau en javascript:

text += "<tr>";
		for (ii=0;ii<=6;ii++)
		{

			text += "<td id='sp" + aa + "' value='0' >1</td>";

			aa += 1;
		}
		text += "</tr>";

Ensuite la ligne permettant l'insertion du div ( qui est appelée alors que le tableau est deja entierement construit) :

document.getElementById("sp"+ii).innerHTML = '<div class="divtd">pop</div>';