Estou usando os dados da jQuery. Ao executar o aplicativo, a largura do cabeçalho não está alinhada com a largura do corpo. Mas quando eu clico no cabeçalho, ele está ficando alinhado com a largura do corpo, mas mesmo assim há um leve desalinhamento. Esse problema ocorre apenas no IE.

JSFiddle

É assim que fica quando a página é carregada:

Depois de clicar no cabeçalho:

Meu código de dados:

$("#rates").dataTable({
    "bPaginate": false,
    "sScrollY": "250px",
    "bAutoWidth": false,
    "bScrollCollapse": true,
    "bLengthChange": false,
    "bFilter": false,
    "sDom": '<"top">rt<"bottom"flp><"clear">',
    "aoColumns": [{
            "bSortable": false
        },
        null,
        null,
        null,
        null
    ]
});

rates é o meu id da mesa.
Alguém poderia me ajudar com isso? Desde já, obrigado.