jQuery slideable divs with floated images how to make the right size
<p>I am relatively new to using jQuery and I have a problem with creating some sliding tabs to work with images that are floated inside.</p>

<p><a href="http://www.dur.ac.uk/malachi.soord/jin/" rel="nofollow">http://www.dur.ac.uk/malachi.soord/jin/</a></p>

<p>The above page demonstrates the problem I am facing - click on the about tab and you will notice that the image that is inside is floated to the right - which I know is not taken into consideration when jQuery is calculates the height of each div tab with:</p>

<pre><code>$("#content &gt; div").each (function() {
        $(this).css("height", $(this).height());
});
</code></pre>

<p>Is there a work around which could be used to allow me to take this into consideration? or is there a better way to achieve what I am trying to achieving.</p>
