Bueno, el problema lo tenías con la capa de la imagen de fondo (que no está puesta como fondo en realidad).
Lo que tendrías que corregir es lo siguiente:
En div id="box":
1. Borrar FILTER: chroma(color=black); del estilo box (no sé por que, pero hace un efecto raro al hacer scroll, como que lo hace más lento)
2. También sacar: BACKGROUND-COLOR: transparent" allowTransparency;? (no sé si lo usabas por alguna causa en especial, pero sin eso sigue funcionando igual bien aparentemente, además tenía un ? que no va)
Acá viene lo principal, el cambio de la imagen como fondo:
3.
<BODY style="background-image: url('http://www.inthenameofgoth.com/weblog/imagenes/inthenameofgothfondo.jpg'); background-repeat: no-repeat; background-position: 210 100;">
y deberías eliminar la parte donde estaba antes puesta:
<div style="left:210; top:100; position:absolute; z-index:1;">
<img src="http://www.inthenameofgoth.com/weblog/imagenes/inthenameofgothfondo.jpg" class="nada"/></div></style>
Lo traté de dejar en la misma posición que estaba, apenas difiere. Igualmente, como consejo, deberías tratar de ver el tema del scroll horizontal, por ejemplo, yo uso 800x600 y tuve que cambiar a 1024x768 para ver si quedaba más o menos igual con la versión original, y aún en esa resolución, el scroll horizontal sigue activo.
Con respecto a la función (que veo que te sirvió):
<script language="JavaScript1.2">
function cambiar() {
var box, text;box = document.getElementById("box");
text = box.childNodes[0];
box.scrollTop = 0;
text.data = "Como se hace para que cuando yo cambie el contenido de la capa se vea desde el principio siempre sin tener que mover la barra de desplazamiento hacia arriba en el caso en que se hubiera movido en una lectura de un contenido anterior de la capa.";
}
</script>
Podés borrar algunas líneas que no usás y dejar:
<script language="JavaScript1.2">
function cambiar() {
var box;
box = document.getElementById("box");
box.scrollTop = 0;
}
</script>
Espero te sirva, saludos, suerte
