Not able to make a scrollable, fixed header dataTables version 1.9.4 work with IE 8

aneev

Hi, Here is my code..
var oTable = $('#dashboard_table').dataTable({
"sPaginationType": "full_numbers" ,
"bPaginate": true,
"bFilter": true,
"sScrollY": "354px;",
"sScrollX": "600px;",
"sScrollXInner": "150%",
"sScrollYInner": "250%",
"bScrollCollapse": true
});
It is working fine with all the browsers and also with IE6. But when i use IE 8, i get an error at the line no. 3123, with invalid argument error.
nScrollHead.style.width = _fnStringToCss( oSettings.oScroll.sX );

Any help would be appreciated.
Regards,
Veena

aneev

and here is my css settings for the dataTable wrapper...


table.goodlooking {
margin-top:1px;
margin-bottom:1px;
background: #FFFFFF;
border-bottom: 1px solid black;
border-right: 1px solid black;

}

table.goodlooking td, table.goodlooking th {
border-bottom: 1px solid #333333;
padding: 2px 4px;
text-align: left;
border-top: 1px solid black;
border-left: 1px solid black;

}