I working on a locked headers jquery plugin and i am running into a problem where a table width is smaller than the sum of the column widths.
Here is how locked header plugins work: You create another table containing your table's original header and put it into a table thats floated above the original table. You then make sure the floated table's column widths and the original table's column widths are equal.
I am running into a problem where if a table has a width of 100% and its inside of a container with overflow, it seems that the table's width is not controlled by the sum of its column widths.
if the table is not in a container, it works.
see this test case: http://programmingdrunk.com/floatThead/examples/big-table.htm
the first table should be as wide as the floated header. you can see that the column widths do not match up.
the 2nd table works fine because its not within a container with overflow:auto;