Adicionar <td> a cada item selecionado no list menu

Tenho o seguinte código javascript:

function coluna() {
 collen = col.length ;
 for ( i=0; i<collen ; i++){
 if (col.options[i].selected == true ) {
 var v = col.options[i].value;
 document.getElementById('cols').innerHTML='<td class="tit_tab">'+v+'</td>';
 }
 }
}

Este é o list menu com o botão que chama a função javascript:

<select name="coluna" size="1" multiple id="coluna" style="height: 22px;">
<option value="Moto">Moto</option>
 <option value="Parte">Parte</option>
 <option value="Kit">Kit</option>
 <option value="Posição">Posição</option>
 <option value="Lado">Lado</option>
 <option value="Material">Material</option>
 <option value="Unidade">Unidade</option>
 <option value="Tipo">Tipo</option>
 <option value="Nº Original">Nº Original</option>
</select>
<a href="javascript: coluna();">[GERAR COLUNAS]</a>
<script language="JavaScript">
var col = document.cadastro.coluna;
</script>

Este é a tabela:

<table border="0" cellpadding="0" cellspacing="0" width="670">
<tr><div id="cols"></div></tr>
</table>

Estou querendo simplesmente criar um td para cada item selecionado no list menu. Não sei o que está errado. No IE não acontece nada, e no Chrome ele só cria o td do ultimo item selecionado. E não testei no FireFox. Alguem pode me ajudar ?

Abraços Walker