problema con region editable

[guillermy]

buenas de nuevo en el foro.....mi problema es el siguiente cree una plantilla con una region editable.....luego cree un index...lo guarde y todo bn....ahora cuando le hago una vista previa en el navegador me aparece un espacio entre el el menu de mi web y el contenido.....y no se como hacer para que ese espacio desaparezca...muchas gracias por la ayuda

Código HTML:

<div id="menu"><table width="1240">
  <tr>
    <td><div align="center"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('inicio','','imagenes/home2.gif',1)"><img src="imagenes/botones_r1_c1.gif" name="inicio" width="170" height="24" border="0" id="inicio" /></a></div></td>
    <td><div align="center"><a href="imagene.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('imagen','','imagenes/images2.gif',1)"><img src="imagenes/botones_r1_c2.gif" name="imagen" width="171" height="24" border="0" id="imagen" /></a></div></td>
    <td><div align="center"><a href="videos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('videos','','imagenes/videos2.gif',1)"><img src="imagenes/botones_r1_c3.gif" name="videos" width="170" height="24" border="0" id="videos" /></a></div></td>
    <td><div align="center"><a href="downloads.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('downloads','','imagenes/downloads2.gif',1)"><img src="imagenes/botones_r1_c4.gif" name="downloads" width="170" height="24" border="0" id="downloads" /></a></div></td>
  </tr>
</table>
</div>
<div id="contenido"><!-- InstanceBeginEditable name="contenido" -->
<div id="contenido">
  <h1>Inicio</h1>
</div>
<!-- InstanceEndEditable --></div>
<div id="pie"></div>
</body>
<!-- InstanceEnd --></html> 

[loncho_rojas]

Empecemos con un acuerdo.. que haz llamado 2 veces a un mismo DIV cuyo nombre es CONTENIDO... luego luego, no somos adivinos para discernir si tu CSS tiene algo que ver en el..

OBS... los elementos ID no pueden repetirse 2 veces en la misma pagina