[Resolvido] Apagar <tr> pelo removeChild

Olá!

Tenho um problema assim: Não consigo apagar um <tr> de uma <table> pelo método removeChild... sendo que o <tr> tem um id, então eu o seleciono pelo id, e tento apagar do <table> que também tem um id:

Observem:

<table id='tabela'>
<tr>
	<td>Teste</td>
</tr>
<tr id='linha_old'>
	<td>Conteudo</td>
</tr>
</table>

<input type='button' value='Apagar' onclick='apagar()' />

a função apagar()

function apagar(){
 var tr = document.getElementById('linha_old');
 var tabela = document.getElementById("tabela");
 tabela.removeChild(tr);
}

Curiosamente, se adiciono a linha em tempo de execução

	function adicionar(){
 var tr = document.createElement("tr");
 tr.id = 'linha_new';
 var td = document.createElement("td");
 var text = document.createTextNode("XPTO");
 var tabela = document.getElementById("tabela");

 td.appendChild(text);
 tr.appendChild(td);

 tabela.appendChild(tr);
	}

 

<input type='button' value='Adicionar' onclick='adicionar()' />

A linha adicionada eu consigo apagar

	function apagar(){
 var tr = document.getElementById('linha_new');
 var tabela = document.getElementById("tabela");
 tabela.removeChild(tr);
	}

Estou usando Firefox..

Alguém tem alguma idéia?

Obrigado!