title: When is the appropriate time to absolutely position an element?
body: <h2>Specific Problem</h2>
  
  <p><strong>Background</strong></p>
  
  <p>My webpage, simplified a little, looks like this:</p>
  
  <ol>
  <li>Title</li>
  <li>Large image</li>
  <li>Text box</li>
  </ol>
  
  <p>I'm trying to use jquery to position a div directly above the text box.  My code looks something like this (using the position API: <a href="http://docs.jquery.com/UI/Position" rel="nofollow">http://docs.jquery.com/UI/Position</a>):</p>
  
  <pre><code>div.position({
      my: "left bottom",
      at: "left top",
      of: textbox,
  });
  </code></pre>
  
  <p>where div has <code>position: absolute</code> so as not to interfere with the flow of the page.</p>
  
  <p><strong>Problem</strong></p>
  
  <p>My problem is that even when I do this positioning on <code>document.ready</code>, the div appears in the middle of the image, as though it were positioned relative to the textbox before the image was rendered. </p>
  
  <p>In fact, if I print out the <code>textbox.offset()</code> during the <code>document.ready()</code> function and again by typing <code>$('#textbox').offset()</code>, I get two different results: the first seems to be the offset of the textbox before the image is loaded while the second is the proper offset.</p>
  
  <h2>General Question</h2>
  
  <p>So my question is, <strong>is there an event I can subscribe to to know when the offset data for the textbox (generally, all elements on the page) will be correct?</strong>  Or am I missing something really basic?  I feel like I'm doing something wrong since this is the second time I've encountered this problem with images.  I'd prefer to stay away from "unclean" solutions like waiting after <code>document.ready</code> for some fixed amount of time or interacting with the image itself.</p>
  
  <p>Thanks!</p>