Vertical Scrolling Messes up Column Header Alignment

Hi all!

I'm using version 1.8.1 and am having nightmares over column header alignment with vertical scrolling enabled. After using various hacks to get this to work (looping through the scrollBody headers that are hidden to grab the appropriate widths and then applying them to the scrollHeader headers.... hiding the scrollHeader row completely and writing my own div headers based on the widths from the hidden scrollBody headers... etc.), I'm at my wit's end.

If I can get it to work in one browser, it breaks in the others. Right now with the code posted below, the headers line up correctly in Firefox and IE8 and IE9, but Chrome and IE7 are off. I'm using a *lot* of datatables on this project, and this is a problem with everyone. I'm desperate for help!

I'm not using any of my worthless hacks with the code below, just setting sScrollY.

Thanks!!

Screenshots:
www.dennissheppard.net/firefox_alignment.png
www.dennissheppard.net/chrome_alignment.png
www.dennissheppard.net/ie7_alignment.png

datatable code:

otable = $('#order_review_grid').dataTable({				
	'fnRowCallback': function (nRow, strings, displayIndex, dataIndex) {
		return formatRow(nRow, dataIndex);
	},
	'fnDrawCallback':function()
	{
		checkIfOrderSubmitted(this);					
	},
	'aoColumnDefs':
	[
		{ 'bVisible': false, 'aTargets': [COL_PRODUCT] },
		{ 'bSortable': false, 'aTargets': [COL_IMAGE, COL_DELETE] },
		{ 'sClass': 'right_align', 'aTargets': [COL_PRICE] },
		{ 'sClass': 'center_align', 'aTargets': [COL_BRAND,COL_PACK] },
		{ 'sClass': 'left_align', 'aTargets': [COL_DESCRIPTION] }
	],
	'sDom': 't',
	'sScrollY':'405px',
	'bScrollCollapse':true,
	'aaSorting':[]
});

Html:

<table id="order_review_grid" class="grid_table" cellpadding="0px" cellspacing="0px">					
	<thead class="grid_column_header_row" id="order_review_grid_column_header_row">
		<tr>
			<td class="" id='sequenceNumber'>SEQ #</td>
			<td class="grid_sc_header" id='statusCode'>Sc</td>
			<td class="grid_sc_header" id='onOrderGuide'>O.G.</td>
			<td class="grid_image_header" id='image'>Image</td>							
			<td class="grid_description_header" id='description'>Description</td>							
			<td class="grid_brand_header" id='label'>Brand</td>
			<td class="grid_pack_header" id='packSize'>Pack</td>
			<td class="grid_price_header" id='price'>Price</td>
			<td class="grid_qtrfull_header" id='caseQuantity'>Full</td>
			<td class="grid_qtrypart_header" id='eachQuantity'>Partial</td>
			<td class="grid_refnum_header" id='referenceNumber'>Ref #</td>
			<td class="grid_refnum_header">&nbsp;</td>
		</tr>
	</thead>
	<tbody class="">
		<!-- loaded data will go here -->
	</tbody>
</table>