sto lavorando su una tabella (diverso argomento rispetto all'altro topic eh)

voglio creare dinamicamente le celle ma non funge:
codice:
	var tbl = document.createElement("TABLE");
	idtbl = "tbl_"+lettera;
	tbl.setAttribute('id', idtbl);
	tbl.setAttribute('style', 'border: 1px solid red;');
	var colSX = document.createElement("TD");
	var colDX = document.createElement("TD");
	for(var i=0; i <11; i++){
		riga = "riga"+i;
		var riga = document.createElement("TR");	
		riga.appendChild(colSX);
		colSX.innerHTML = i;
		riga.appendChild(colDX);tbl.appendChild(riga);
	}
compare solo l'ultima riga (in questo esempio la 10) e non le altre

sapete dirmi dove sbaglio?

grazie