sScrollX and sScrollXInner column alignments

When setting sScrollX and sScrollXInner on a table with a percentage width, the header row does not re-size with the window. The data cells, or scroll body, does re-size with window and this causes the header row to be misaligned with the data rows.
Test Case: http://live.datatables.net/eqejuh

There have been other similar discussions that I have read thru, but I haven't been able to find a definitive fix.
The closest I could get was adding:

$(window).resize(function() { 
      $("#example").fnAdjustColumnSizing(false); 
});

This somewhat works, but it was not always reliable, especially when I added more columns (the table I am currently working with has a max of 14 columns). It can also be a bit slow when dealing with larger data sets.

Any Ideas?