ocultando elementos vs mozilla

[jadi]

hola gente como estan?
bueno mi problema es con mozilla vs un script el cual oculta por id una fila
uso un checkbox para mostrar o oculta.
el mozilla me lo muestra pero cuando lo oculto no elimina el espacio en blanco, es mas si lo vuelvo a mostrar/ocultar me ducplicara el espacio y asi sucesivamente
alguien me puede dar una manito

aca les dejo el codigo
<script language="javascript">
{
function onoff(btn){
id =btn+'mas';
btn =document.getElementById(btn);
modecon=btn.checked ? 'block' : 'none';

document.getElementById(id).style.display = modecon;
}
}
</script>

en el body
<table>
<tr>
<td width="462" height="11" colspan="2" bgcolor="#008080">
Noticia 1
</td>
</tr>
<tr>
<td width="462" height="76" colspan="2">
<table>
<tr>
<td width="99">
imagen si la hubiera
</td>
<td width="363">
<ul>
<li>desarrollo</li>
<li><input type="checkbox" name="noticia1" id="noticia1" value="OFF" onclick="onoff(this.name)">Mas información</li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr id="noticia1mas" style="display: none">
<td width="462" colspan="2" height="149">
<table width="461">
<tr>
<td width="455" height="1">
<ul>
<li>desarrollo 1</li>
</ul>
</td>
</tr>
<tr>
<td width="455" height="17">
<blockquote>
<ul>
<li>ampliacion de desarrollo 1</li>
</ul>
</blockquote>
</td>
</tr>
<tr>
<td width="455" height="1">
<ul>
<li>desarrollo 2</li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="462" height="11" colspan="2" bgcolor="#008080">
</td>
</tr>
</table>

saludos y gracias
Javier

[jadi]

alguien que me ayude plissss
mi nuerona no lo logra descifrar

saludos y gracias
Javier

[jadi]

no hay caso no puedo y sigo probando

[jadi]

encontreeee la solucion, espero algun dia entenderla

bueno priemro no usaba un form asi que puse la tabla dentro de un form

<form name="myfor" onsubmit="return false;">
<table>
<tr> aqui ponia el id y el stilo
<td> lo pase para aqui e inclui el objeto name
...
</td>
</tr>
</table>
</form>
y para el script utlize como base otro script que habia encontrado en el foro
y quedo asi:
<script language="javascript">
function onoff(btn){
showMode = 'table-cell';
if (document.all) showMode='block';

btn = document.forms['tcol'].elements[btn];
cells = document.getElementsByName('t'+btn.name);
mode = btn.checked ? showMode : 'none';

for(j = 0; j < cells.length; j++) cells[j].style.display = mode;
}
</script>
la diferencia entre mozilla y el ie es que para mozilla se ejecuta con showmode='table-cell' y para ie con el valor 'block'
no tengo ni idea de la direferencias entre table-cell y block yo tenia entendido que lo mejor era block

saludos
Javier