title: Two floated columns - one fixed, one loose width
body: <p>I've looked around <code>SO</code>, but I cannot find one that matches my occurrence, I basically have two columns one fixed width (185px) and the other column has no fixed width, however I need the last column to fill the last space, e.g. </p>
  
  <pre><code>...........................................
  .---------  ------------------------------.
  .+       +  +                            +.
  .+       +  +                            +.
  .+       +  +                            +.
  .+       +  +                            +.
  .+       +  ------------------------------.
  .+       +                                .
  .+       +                                .
  .+       +                                .
  .---------                                .
  ...........................................
  </code></pre>
  
  <p>The first column should always be 100% to the bottom when the second column fills the remaining width, they both are floated <code>left</code>, if I resize the browser window, the second column shows under the first column. I need the second column to fill the remaining width and be flexible when resizing the browser window.</p>