title: How might I force a floating DIV to match the height of another floating DIV?
body: <p>My HTML code is just dividing the pages into two columns, 65%,35% respectively.</p>
  
  <pre><code>&lt;div style="float : left; width :65%; height:auto;background-color:#FDD017;"&gt;
     &lt;div id="response"&gt;
     &lt;/div&gt; 
  &lt;/div&gt;
  &lt;div style="float : left; width :35%;height:auto; background-color:#FDD017;"&gt;
     &lt;div id="note"&gt;
     &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>In the <code>response</code> <code>div</code>, I have variable data; in the <code>note</code> <code>div</code>, I have fixed data. 
  Even though the two <code>div</code>s have two different sets of data, I need them to display with the same height so that the background colors appear to fill a box containing both. Naturally, the problem is the <code>response</code> <code>div</code>, as its height varies depending on the amount of data currently being displayed within it.</p>
  
  <p>How might I ensure that the height of the two columns are always equal?</p>