¿Por que no se ve EL MAR a resolución 800 x 600

[bhagat]

Hola
Creo que es problema de CSS, aunque podría ser del codigo HTML

Tengo una página de entrada a un sitio web, y le he puesto un <div> que tiene una imagen de fondo del mar, el asunto es que cuando la resolución de pantalla es 800 x 600 no aparece esta capa, (tampoco en resoluciones mayores dependiendo del navegador, la cantidad de barras de herramientas) vereis pulsando F11 que se agranda el espacio del mar, es decir en la página no aparece el scroll para poder ver el mar, sino que alli donde se acaba la visisón acaba la página.

El hecho es que si entrais en Español, vereis que esa capa si se ve. (aunque las CSS son bien distintas)

La página es:

http://www.thegardenoflight.net/

Las CSS:

http://www.thegardenoflight.net/CSS/...eluz-Index.css

Agradezco explicaciones del porque y alguna solución alternativa.

Gracias de antemano

[webosiris]

creo que te estás complicando la vida con esas posiciones absolutas... como se dice: "make it easy, make it simple" (hacelo fácil, hacelo simple).

Poné al mar.gif como fondo del body, dale un padding-bottom de 100px para que no se te superponga con el texto y ya está... hay otras 1001 formas de hacerlo, todas sin usar position:absolute ni tantas capas

[bhagat]

La verdad es que quien no sabe es el que hace las cosas dificiles, y en mi caso como estoy introduciendome en las CSS, pues me complico sin querer.
Pero de todo se aprende.

Gracias por la solución tan simple y efectiva

Un abrazo