title: Float right element align to bottom CSS?
body: <p>Here is my setup:</p>
  
  <p>I have a comment container div. Inside this div, I have three more divs. Two are float-left, and one is float-right.</p>
  
  <p><a href="http://imgur.com/hkLI5" rel="nofollow">http://imgur.com/hkLI5</a></p>
  
  <p>These 3 divs have around them rounded-corner borders. I think it is pretty easy to tell which ones in the above image are float left and float right.</p>
  
  <p>After the three floated divs, there is an invisible "clear" div,</p>
  
  <pre><code>&lt;div style="clear:both; border:none;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My problem is, I can't seem to find a way to make the "some test info" div slide all the way to the bottom of my comment (so that its bottom is right above the top of the "clear" div.</p>