title: CSS Separator on collated columns
body: <p>I have 2 columns, floated one to each side, and I'd like to use a 1px width line separator, that goes from top to bottom of the longest column.</p>
  
  <p>Id rather stay away of TABLE layouts, and I dont know which one will be the longest column, or how long will it be.</p>
  
  <p>How could I do this with just css? </p>
  
  <p><a href="http://jsfiddle.net/AhfXc/2/" rel="nofollow">http://jsfiddle.net/AhfXc/2/</a></p>