Scroll x issue,columns misaligned on browser window re-size

DAT

Hi, I am facing this issue with scrollx . First time when my datatables get loaded it is perfectand all header columns as well as body columns aligned. But the moment i re-size the window or change the Paging Number value the header and body of datatables completely misaligned.

Following is the Datatables Debugger Link of my
http://debug.datatables.net/etinuw

and Following is my Code :

var oTable = jQuery('#tbl').dataTable({

"iDisplayLength": 10,

                        "aaData": aaData,

                        "sPaginationType": 'full_numbers',

                        "sDom": '<""><"top"f>Crt<"bottom"ipl><"clear">',

                        "responsive": true,

                        "bSort": false,

                        "scrollY": "450px",

                        "scrollCollapse": true,

                        "bDeferRender": true,

                        "bDestroy": true,

                        "aoColumns": Col,

                        "sPaginationType": "full_numbers",

                        "aaSorting": [[0, 'asc']],

                        "fnInitComplete": function () {
                            this.fnAdjustColumnSizing();
                            this.fnDraw();
                        }

});