jquery: get container height then insert html into content-wrapper that distance(height) down
<p>This website, a wiki, uses a macro to generate table of contents with anchor links to all headers. It is floated right on the page so content wraps around it.</p>

<p>I want to insert some html 20px after the bottom of the table of contents on the page. Because the table is floated and is at the top of the page's html markup, the bottom of this TOC container may be 200-500 pixels down the page even though the physical location of the container is at the top, floats are like that you know.</p>

<p>So I figure I need to get the <strong>$('#table-of-contents').height()</strong> and then use that distance to measure down within the content div to insert my html, plus 20px more or less. This website is used by a lot of people at our university and therefore cross-browser factors are important of course, though I do tend to ignore IE6</p>

<p>See below how the container for the TOC comes before the other content which wraps around it. In this example the bottom of the actual TOC rendered is just above the H3 header, so that is where I would like to insert a DIV tag with ID - on each page the bottom of the TOC is differnt because the length is different, and will change as new content is authored on each page over time. </p>

<p>The Div that is inserted essentially allows me to use another script to apply styles to content below the TOC that do not have wrap around the TOC -</p>

<p>EXAMPLE HTML</p>

<pre><code>&lt;div id="content"&gt;&lt;!--- begin content --&gt;

&lt;div id="toc"&gt;list&lt;/div&gt;
&lt;h2&gt;header&lt;/h2&gt;
&lt;p&gt;text, text....&lt;/p&gt;
&lt;p&gt;text, text....&lt;/p&gt;

&lt;div id=MY-Insert-DIV"&gt;&lt;/div&gt;
&lt;h3&gt;header&lt;/h3&gt;

&lt;p&gt;text, text, text, lots of text...&lt;/p&gt;

&lt;/div&gt;&lt;!--- end content container --&gt;
</code></pre>

<p>Another aspect of this is that the inserted div should not be int he middle of another tag, such a paragraph.</p>

<p>This is a hard one...</p>

<p>SPECIFIC QUESTION:
How to take the height (from one container the TOC) and use that height to insert a div - offset from the top of another container (the content div)</p>
