I'm working on a CSS layout to replace an existing table-based layout. The layout will be fairly standard; it will have a header, left navigation bar, content area, and \ footer. The problem is that the site has several hundred subpages. These pages contain a wide assortment of fixed and variable width tables that will appear in the content area. Some of these tables can be extremely wide. Based on my previous experience with setting up CSS designs, if I put the content in a div, the div will usually jump below the navigation bar in Internet Explorer if it contains a wide table. I would just like for the content area to expand to contain the wide tables. The existing table layout handles this just fine since the content cell automatically expands. I'm not exactly sure how to emulate this behavior while keeping the layout code cross-browser compatible. Can anyone provide some suggestions on how to setup the CSS layout for this situation?