Table width exceeds container's width

[OpTimus]

I'm working on a reporting application which generates HTML tables that can be many rows high and many columns long (sometimes 40 or more). The problem is, many of these tables stretch outside of their containing div, and it just looks ugly. For some reason, the containing div won't stretch to the size of the table.So, here's my question: Is it possible to make a containing element stretch to the width of the table using CSS?Here's a jfiddle with the problem at it's most basic level.Thanks in advance