Headers don't align with the columns on IE7, IE8, IE9

nidhitare

Tried to use dataTables 1.8.0 and 1.8.2 but they don't align well. Also setting variable column widths works well in FF, chrome, Safari but fails in IE. I'm not sure if this is a dataTable issue or the issue with CSS Styling.

The js code -

$(document).ready(function(){

$('#example').dataTable( {
"sDom": '<"top"fl>rt<"bottom"ip><"spacer">',
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true,
"sPaginationType": "full_numbers",
"bSort" : false
} );

});