how i constrain distance tooltip/popup-style div doesn't trigger scrollbars page

the rodent hovers over an component tip appears. tip s page, triggering scrollbar, changes plans only adequate underlying component triggered tip longer underneath rodent pointer, tip goes away.

the tip goes away, scrollbar goes away, rodent again over element.

wash, rinse, repeat.

if i certain tip isn't too large trigger scrollbars, solve problem.

edit: after reading comments, things clarify:
the div contains calm vary. i can, i wish arrangement text. div's plcae needs circuitously component mouse's tip over. pivotal is, i need know presumably lop text.

i link:



which contains square puzzle, reckoning out large browser window is:

function alertsize() {
  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+ 'standards agreeable 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.alert( 'width = ' + mywidth );
  window.alert( 'height = ' + myheight );
}