Expand a DIV only when content overflows?
<p>My concept: So i have a fixed height DIV that containts a variable amount of content.  If the content overflows from the box, it is initially hidden (via CSS), but if you mouseover the box, it should expand to the height needed to display the content.</p>

<p>This is what I have so far to accomplish this:
<a href="http://jsfiddle.net/CvhkM/649/" rel="nofollow">http://jsfiddle.net/CvhkM/649/</a></p>

<p>The problem is as you can see, the jquery fires on both of those example DIVs, where it really should only fire on the bottom div (with content that extends beyond the initial div height as defined via CSS).  </p>

<p>Also it grows to a defined height (300px), is there a way to detect the exact height it should grow to?</p>

<p>UPDATE: SOLUTION FOUND--> IVE LEFT IT ON JSFIDDLE:  <a href="http://jsfiddle.net/hQkFH/3/" rel="nofollow">http://jsfiddle.net/hQkFH/3/</a></p>
