html tables. Sync column spacing between 2 tables;

I have 2 tables in separate <div>'s. One is the header and th开发者_如何学运维e other is the actual data which is scrollable. The issue is that they don't line up. I'm using jQuery and the tables are in a re-sizable area so i don't want to set static column widths. What can I do?

Is it possible to put them in one parent container?

Then try to set the width of both tables to 100% (or another similar value).