ocultar o mostrar celdas

[susaninhax]

Buenas compañeros;

Estoy trabajando en una página donde quiero ocultar y mostrar unos textos. Lo he hecho mas veces del mismo modo y nunca me ha dado un error. Pero esta vez, las celdas se me mueven de sitio al querer desplegar la celda y no debieran, el código es este:

Código HTML:

 <!--  INICIO de desplegables (submenus)-->
<script language="JavaScript" type="text/JavaScript">
function cambio(cual)
{
if (document.getElementById(cual).style.display == 'none')
document.getElementById(cual).style.display = 'block'
else
document.getElementById(cual).style.display = 'none'
}
</script>
<table width="271" height="282"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="88" height="71" align="center" class="marron_titu"><span class="marron_titu"><a href="#" onClick="cambio('tucan1')" onMouseover="modifyimage('dynloadarea', 0)">Tuc&aacute;n<br>
Material<br>
Deportivo</a></span></td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="imagenes/image1_peq.gif" width="60" height="60" border="0"></a></td>
    <td width="118" id="tucan1" style="display: none"><table width="115"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="191" height="19" align="left" class="negro">&bull; Producto del m&eacute;s </td>
      </tr>
      <tr>
        <td height="19" align="left" class="negro">&bull; Ofertas</td>
      </tr>
      <tr>
        <td height="18" align="left" class="negro">&bull; Cat&aacute;logo</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="88" height="67" align="center" class="marron_titu"><a href="#" onClick="cambio('tucan2')" onMouseover="modifyimage('dynloadarea', 1)">Tuc&aacute;n Aventuras </a></td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 1)"><img src="imagenes/image2_peq.jpg" width="60" height="60" border="0"></a></td>
    <td width="118" id="tucan2" style="display: none"><table width="118"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="129" height="19" align="left" class="negro">&bull; Centros educativos </td>
      </tr>
      <tr>
        <td height="19" align="left" class="negro">&bull; Incentivos de<br>
      empresa </td>
      </tr>
      <tr>
        <td height="18" align="left" class="negro">&bull; Promocion de marca </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="88" height="71" align="center" class="marron_titu"><a href="#" onClick="cambio('tucan3')" onMouseover="modifyimage('dynloadarea', 2)">Nuestras Instalaciones</a> </td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 2)"><img src="imagenes/imagen3_peq.jpg" width="60" height="60" border="0"></A></td>
    <td width="118" id="tucan3" style="display: none"><table width="110"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="191" height="19" align="left" class="negro">&bull; Instalaciones Colaboradoras </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td width="88" height="73" align="center" class="marron_titu"><a href="#" onClick="cambio('tucan4')" onMouseover="modifyimage('dynloadarea', 3)"><p>Tuc&aacute;n experience outdoor </p> </a> </td>
    <td width="65" align="center"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="imagenes/image4_peq.gif" width="60" height="60" border="0"></a></td>
    <td width="118" id="tucan4" style="display: none"><table width="110"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="191" height="19" align="left" class="negro">&bull; Metodologia Belbin</td>
      </tr>
      <tr>
        <td height="19" align="left" class="negro">&bull; Formaci&oacute;n</td>
      </tr>
    </table></td>
  </tr>
</table> 

y la página es http://temporal.aclass.es/tucan akí pueden ver el ejemplo de lo que os digo, que se me desplaza la celda hacia la derecha y cuando clico en el titulo pues se queda como tiene que quedarse, alguien me podría ayudar con esto? no consigo ver el código que me proboca eso...

os estaría muy agradecida.

Saludos a todoss!!!

[susaninhax]

el truki: crear una fila mas con los tamaños fijos así cuando se oculte la tabla que quiero mostrar, en vez de la foto acomodarse al medio simplemente se queda donde está y así no se mueve nada de nada