document.body.offsetWidth y offsetHeight

[Asyolath]

Hola de nuevo,

Quisiera colocar una capa justo en la esquina inferior derecha del documento, pero cuando lo hago leyendo las propiedades offsetWidth y offsetHeight del documento siempre falta un trozo para que la capa esté en la esquina. Es decir: document.body.offsetWidth es menor que la anchura real del documento y document.body.offsetHeight es menor que la altura del documento, tanto en IE como en Mozilla.

Por si interesa pongo una porción del código que utilizo:

Código PHP:

  // Falso popup
popup= document.createElement("div");
document.body.appendChild(popup);
popup.setAttribute("id", "popup");
 
// Encabezado
titulo= document.createElement("div");
popup.appendChild(titulo);
titulo.setAttribute("id", "movil");
titulo.appendChild(document.createTextNode(""));
 
// Div en el encabezado a la derecha
derecha= document.createElement("div");
titulo.appendChild(derecha);
derecha.setAttribute("id", "derecha");
 
// Cruz para cerrar
cierre= document.createElement("span");
derecha.appendChild(cierre);
cierre.setAttribute("id", "cruz");
cierre.setAttribute("title", "Cerrar");
cierre.appendChild(document.createTextNode("X"));
cierre.onclick= function(){popup.style.display='none';}
 
// Imagen
im1= document.createElement("img");
// im1.setAttribute("src", "la que sea");
popup.appendChild(im1);
 
titulo.onmousedown= function()
    {
        diferenciax= ratonx - popup.offsetLeft; // Distancia del ratón al lado izquierdo del popup
        diferenciay= ratony - popup.offsetTop; // Distancia del ratón al lado superior del popup
        mover= 1;
        return false
    }
document.onmouseup= function(){mover= 0}
 
añadirEvento(document, "mousemove", function(e)
    {
        ratonx= caract1?e.pageX:event.clientX+scrollx; // Posicion x del raton
        ratony= caract1?e.pageY:event.clientY+scrolly; // Posicion y del raton
        if (mover) // Si el raton se mantiene pulsado en el encabezado del popup
        {
            with (popup.style)
            {
                left= ratonx - diferenciax + "px"; // Posicion x del popup
                if (ratonx-diferenciax<0){left= "0px";}
                if (ratonx-diferenciax>document.body.offsetWidth-popup.offsetWidth){left= (document.body.offsetWidth-popup.offsetWidth)+"px";}
                top= ratony - diferenciay + "px"; // Posicion y del popup
                if (ratony-diferenciay<0){top= "0px";}
                if (ratony-diferenciay>document.body.offsetHeight-popup.offsetHeight){top= (document.body.offsetHeight-popup.offsetHeight)+"px";}
            }
            return false;
        }
    }
) 
   

Se trata de un "falso popup" que puedes mover por la ventana, pero no quiero que se salga del documento. Pero cuando lo desplazo hacia la derecha o hacia abajo se para bastante antes de los límites de la página. Querría saber si hay algún modo para que se pare justo en el límite.

Gracias..