Olcultar Uma Tag <span>

[fagundao]

Amigos,

Tenho uma tabela e quando clico em uma linha desta, aparece uma camada com mais detalhes sobre aquela linha, o meu problema e que dentro desta camada tem um botão para fecha-la so que não fecha.

Se eu colocar o botão na pagina ele fecha "oculta" a camada corretamente mas quando o botão esta na camada isso não funciona.

Funções para mostras e ocultar a camada

function mostra(id) {

  for (i=0; i < 20; i++)

  {

    document.getElementById(i).style.visibility = 'hidden';

  }

  document.getElementById(id).style.visibility = 'visible';

}

function fechar(id)

{ // essa é quando clico no botao para fechar a camada

document.getElementById(id).style.visibility = 'hidden';

}

linha da tabela:

<tr><td onClick=\"mostra($i)\">Item $i<span id=$i style=\"position:absolute; height: 120px; visibility:hidden;\">$texto</span></td></tr>

a variavel texto tem o seguinte codigo:

$texto  = "<table width=\"150\" border=\"0\" cellpadding=\"2\" cellspacing=\"2\">";

$texto .= "<tr>";

$texto .= "<td><div align=\"right\"><input name=\"button\" type=\"button\" onClick=\"fechar($i)\" value=\"X\"></div></td>";

$texto .= "</td></tr>";

$texto .= "<tr>";

$texto .= "<td bgcolor=\"#DBF2DF\"><strong>Historico Item $i:<br>";

$texto .= "</strong>Descri&ccedil;&atilde;o do hsitorico do documento. </td>";

$texto .= "</tr>";

$texto .= "</table>";

Obrigado.

[fagundao]

já descobri!!!!!!

e que o envento onClick estava na tag TD e a tag SPAN tambem, foi so tirar o evento onCkick da TD e colocalo em outro objeto.

obrigado!