title: Position CSS element based on height of a floating element
body: <p>Alright, this one's tricky.</p>
  
  <p>To begin, this fix can be in JS or CSS, doesn't matter as long as it works.</p>
  
  <p>Here's the issue:
  I have a site with a float:right sidebar, and the footer's position is based on the #content's height. However, when the #content is shorter than the sidebar, the footer overlaps the sidebar and doesn't look very good.</p>
  
  <p>What I need:
  a script that detects the HEIGHT of a certain element (in this case #sidebar) and modifies the min-height of the #content to match</p>
  
  <p>OR</p>
  
  <p>a script that detects the HEIGHT of the #sidebar and positions the footer accordingly.</p>
  
  <p>For a live version of this, check <a href="http://wizardcm.com/portfolio" rel="nofollow">http://wizardcm.com/portfolio</a></p>
  
  <p>The reason for not using a fixed height for the #content (or for the position of the footer) is that Tweets are never the same length, and other pages have extra sidebar widgets that add to the height.</p>