Puedes mantener el centrado de la página y limitar el que parte de ella se oculte de la siguiente forma:
1. Encierra tu página en un contenedor adicional. Yo lo he llamado centrado.
2. Modifica las siguientes reglas CSS sustituyendo las originales que se correspondan por estas otras.
Código CSS:
Ver originalhtml{ /* Esta es una nueva regla */
height:100%; /* Aquí debería decir 100%*/
}
body{ /* Esta es una nueva regla */
/* Estas dos son necesarias para que div#centrado ocupe el 100% de la ventana*/
height:100%;
background:#fff; /* algunos como yo no tenemos el fondo blanco predeterminado */
/* en el navegador y a la página se le ven las costuras */
}
#centrado { /*Ocupa la altura de la ventana del navegador y se centra en ella a lo ancho*/
height: 100%;
margin: 0 auto;
min-height: 630px;
position: relative;
width: 918px;
}
#container { /*Se centra verticalmente dentro de div#centrado*/
background-image: url("../imatges/fons.gif");
height: 630px !important;
margin-top: -315px;
position: absolute;
top: 50%;
}
Espero que sea lo que buscabas. Un saludo.