title: How do I force a div to stretch to fit its content rather than making scrollbars?
body: <p>I had a table in my application that could grow to ridiculous heights, so I added a wrapper <code>div</code> around it and set <code>overflow-y: auto</code> to get scrollbars. This unfortunately stopped the div from stretching it's width. Now it has scrollbars for both height and width. Setting <code>overflow-x: visible</code> doesn't even affect the result. I need the width to stretch since the content is of variable width.</p>
  
  <p>Fiddle to illustrate the problem: <a href="http://jsfiddle.net/SG8T9/3" rel="nofollow">http://jsfiddle.net/SG8T9/3</a></p>
  
  <p>Thanks for any help</p>