title: CSS3 Width of two divs with muti-column layout , side-by-side
body: <p>I have two divs, both with multi-column layout. I would like to have them side by side, but everything I try (like float) will mess all up.
  I think the problem is that <code>width:auto;</code> is taking all the width.</p>
  
  <p>I have made a jsfiddle to explain better: <a href="http://jsfiddle.net/2fPZ2/" rel="nofollow">http://jsfiddle.net/2fPZ2/</a></p>
  
  <p>The red and the violet divs should be in the same line.</p>
  
  <p>The result has to be an horizontal layout, with section which are the red and the violet div.
  Any suggestion?</p>