ayudaaa con las capasss

tengo un problema que cuando voy cambiando el tamaño de la weba las capas se van moviendo e estadp experimentandpo pro no puedo hacer nada.. hay algun codigo o algo para q me ayude a solucionar eso y en firefox no se visulisa bien la pagina como en internet explorer alguien sabe xq?' .. e subido a este url una pagina con el problema al q me refiero. URL: http://animegti.atwebpages.com/

AYUDA PORFAVORRR
No es por nada pero me da que no has seguido el curso Paso a Paso de esta web ni por asomo; ya que si se pone margin-algo lo normal es poner muy pocos pixels; pero poner 1000px; lo raro seria que encajara.

Mi recomendacion....empieza de 0.
después de ver tu página y tu código fuente me he quedado sin palabras. El compadre victor tiene toda la razón lo se ve ni orden ni concierto en lo que tienes colgado; yo también te recomiendo que leas el curso pues te ayudara a saber que es lo que estas haciendo mal y lo que no sabes y deberías saber.

Nota antes de liarte a pegar código javaScript ; aprende html y css.
vuelvo a repetir la pagina q esta colgada es una pagina de prueba .. si coges una pagina en blanco y pones capas igual se descuadran como sale en la ágina de muestra .. entonces vuelvo a hacer la pregunta q codigo o q opcion hay para q las paginas no se muevan ??
mira el url q mande y cunado achicas el tamaño se mueven las capas no las paginas como se hace para q nos e muevan ni se descuadren
La pagina se te descuadra completamente porque usas margin- lo que sea con valores extremos; ejemplo 1200; lo que hace que tengas el tamaño de ventana que tengas se movera esa capa 1000px en esa direccion; lo mejor es usar capas de forma correcta, centrandolas; etc. Si se usa la propiedad margin- es porque necesitas cuadrar alguna cosita de poco px que sabes que esta dentro de otra con un tamaño fijo y que sabes que no se deformara; resumiendo, esa propiedad se usa si sabes muy bien lo que se pretende.

Como te digo tienes margin con valores demasiado raros e inusuales; tienes scripts puesto con .txt y capas con height: con numero sin nada mas; se pone 100px; por ejemplo pero no se deja el valor asi.

Resumiento; como bien te han comentado; lo que pretendes es solucionar una web que esta fatal xk esta copiada (y mal) de algun otro lado; y claro, asi no se puede; si te miraras el curso Paso a Paso de esta web SEGURO que entenderias el porque se descuadra y podrias mediosolucionarlo tu mismo (lo de menos es solucionarlo, que para eso estamos, la cosa es que para solucionarlo hay que hacerla de 0).

Un saludo y espero que no te moleste la observacion.
Secundo el coment de victor y ademas te paso el código fuente para que veas algunas cositas que ya deberias saber:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>ANIME GTI...</title> 
 
 
<link rel="stylesheet" href="estiloindex.css" type="text/css" media="all"> 
 
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all"> 
<script language="javascript" src="no-tocar.txt"          type="text/javascript"></script> 
<script language="javascript" src="numero-de-menus.txt"   type="text/javascript"></script> 
 
 
<style type="text/css"> 
 
html,body{
 
margin:40px;
position:absolute ;
 
height:100%;
 
}
 
</style> 
 
 
 
 
</head> 
 
<body onload="init();" ; link="#ffffcc" vlink="#ffffcc" alink="#ffffcc"> 
 
 
 
 
<div id="enlace1"> 
    <ul> 
      <li><a href="http://animegti.atwebpages.com/">Inicio</a></li> 
    </ul> 
  </div> 
 
 
<div id="enlace2"> 
    <ul> 
      <li><a id="desplegable1" href="#">Anime</a></li> 
    </ul> 
  </div> 
 
 
<div id="enlace3"> 
    <ul> 
      <li><a id="desplegable2" href="#">Multimedia</a></li> 
    </ul> 
  </div> 
 
 
<div id="enlace4"> 
    <ul> 
      <li><a id="desplegable3" href="#">Eventos</a></li> 
    </ul> 
  </div> 
 
<div id="enlace5"> 
    <ul> 
      <li><a id="desplegable1" href="#">Foro</a></li> 
    </ul> 
  </div> 
 
 
<div id="enlace6"> 
    <ul> 
      <li><a href="mailto:[correo eliminado]">Contactanos </a></li> 
  </div> 
 
<div id="novedades">novedades del anime</div> 
 
 <div id="actualizaciones">actualizaciones de la web </div> 
 
 <div id="copyright">derechos de autor </div> 
 
 
 
 
<div id="curva-inferior"></div> 
</div> 
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script> 
 
</body> 
</html> 
<style type="text/css">

html,body{

margin:40px;
position:absolute ;

height:100%;

}

</style>

Esta parte de aquí tendría que ir en alguna de hojas de estilo que tienes.

esto igual:<body onload="init();" ; link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">


ya que pones un mail pues definelo,no? :<li><a href="mailto:[correo eliminado]">Contactanos </a></li>