function DockToBottomRight() 
{ 
//Document-Dimensions
  docWidth = document.body.offsetWidth;
  docHeight = document.body.offsetHeight;

//Window-Dimensions
var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }

//Window-Scroll
var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }

var boxPanel = document.getElementById("mybox"); 

if (( myHeight + scrOfY - 40) < docHeight) {
	boxPanel.style.top = docHeight + 10 + "px";
} else {
	boxPanel.style.top = myHeight + scrOfY - 20 + "px";
}

//boxPanel.style.top = windowHeight + windowScrollTop - boxPanel.clientHeight; 
//boxPanel.style.top = myHeight + scrOfY - 20 + "px";
//boxPanel.style.left = windowWidth + windowScrollLeft - boxPanel.clientWidth; 
} 

window.onscroll=DockToBottomRight; 
window.onresize=DockToBottomRight; 
window.onload=DockToBottomRight;