Column Header not aligned with column data with horizontal scrolling

Hi,

I have looked through the forum but haven't found a fix. I have a page with a large data table having 141 columns and horizontal scrolling. The column header doesn't seem to align with the column data. Its not even close in many cases. I load both the column info and data using json but the json arrays are consistent in length. i have tried calling the function to adjust column width but that doesn't seem to help either. I am using the latest version of datatables, jquery ui, jquery, etc.

Here is a demo of the issue.
http://demo.tetonlabs.com/

any ideas or help would be appreciated.

Thanks
Sean