felocity_1234

gistfile1.txt

<div id="one">
  <div id="two">
    <div id="three">
      <!-- content here -->
    </div>
  </div>
</div>

/* one: relative position, lets things be placed absolutely */
#one {
  position: relative;
}

/* two: absolute position. doesn't matter what frame is, it becomes the proper width */
#two {
  position: absolute;
  left: 0;
  top: 0;
}

/* three: relative position. resets the positioning model for content inside */
#three {
  position: relative;
}

instead of looking at document.body.scrollWidth() / offsetWidth() / clientWidth(), can now just get a proper measurement for "#rwo"