title: Get height of dynamically changed height div
body: <p>How can I determine (using jQuery?) the height of a div? Its' height is not defined in CSS - so it's fluid and based on the contents.</p>
  
  <p>I've tried $('#div').height() - which returns 0.</p>
  
  <p>Ideas?</p>
  
  <p>EDIT: (the code)</p>
  
  <pre><code>$(document).ready(function () {
      PositionBottomPicture();
  });
  
  function PositionBottomPicture() {
      var parentOffset = $('#left_pane').offset();
      var parentsHeight = $('#left_pane').height();
      var childsTopPostion = (parentOffset.top + parentsHeight);
  
  
      $('#bottom_pic').offset({ top: childsTopPostion, left: parentOffset.left });
  }
  
  CSS:
  
  #left_pane 
  {
      float: left;
      margin-left: 27px;
      position: relative;
  }
  </code></pre>
  
  <p>where 'left_pane' and 'bottom_pic' are divs.</p>
  
  <p>Thanks!</p>