Column header mismatch

Hello All,

First of all thank you for this wonderful plugin. This really help me a lot in doing my projects.
I am having difficulty in knowing the reason of the column header mismatch that is occurring in my datatable.
Do anyone know how to fix this?
Thanks a lot in advance :D

Here is the print screen of my datatable:
https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/9304_506669362679686_1957325045_n.jpg

The cursor is pointing to the highlighted row.
And after clicking a row, here is what happens:
https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-snc7/431743_506669456013010_1918098145_n.jpg

Here is the code initialization for my table:

$(document).ready(function() {    
    $('#dataTableMyProjects').dataTable( {
        "iDisplayLength": 28,
        "bAutoWidth": false,
        "sScrollX": "996px",
        "sScrollY": "595px",
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "bLengthChange": false,
        "bDestroy": true
    });
}); 

I hope there is someone who can help me.
Thanks a lot in advance everyone.