Firefox: in FixedHeader is 1px smaller than original header?

emt

Just installed FixedHeader, and it works perfectly in all browsers except for Firefox, where each in the FixedHeader is roughly 1px smaller than the original. This means the entire row of the FixedHeader is misaligned with the original. Any ideas on what the issue could be?

One thing I noticed is that the width of each in the FixedHeader is in a specific pixel amount, i.e. 157px, while the original header's 's widths are in percentages as defined in the code below.

Both the FixedHeader and the original header (the original header is the gray lines on top):

http://dcturanoinc.com/gap1.png

Page showing the error:

[code]
var oTable = $('#form_results7').dataTable({
"aaSorting": [[ 6, "desc" ]],
"aoColumns": [
{ sWidth: '8%' },
{ sWidth: '16%' },
{ sWidth: '13%' },
{ sWidth: '13%' },
{ sWidth: '13%' },
{ sWidth: '13%' },
{ sWidth: '16%' },
{ "bSortable": false, sWidth: '8%' } ],
"aoColumnDefs": [
{ "sClass": "center", "aTargets": [ 7 ] }
],
"bAutoWidth": false,
"bJQueryUI": true,
"iDisplayLength": 25,
"sPaginationType": "full_numbers"
});
new FixedHeader( oTable );
[/code]