Header and footer can't alignment

If gride have right scroll bar in IE10 ,Header and footer can’t alignment .but it is not problem in IE8,IE9 .

The code is :


mygrid.setHeader("-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-");
mygrid.setInitWidths(“30,40,100,50,80,80,40,60,80,50,120,100,90,60,50,50,50,80,80,80,80,80”);
mygrid.attachFooter(“total,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,#cspan,0,0,#cspan,#cspan,#cspan,#cspan,0,0,0,0,0”, [“text-align:left;”]);

Unfortunately the issue cannot be reproduced locally.
Please, make sure that you have the latest version of dhtmlxgrid (3.6).
If issue still occurs for you - please, provide with a complete demo, where the issue can be reconstructed.
Here you can find a tutorial:
docs.dhtmlx.com/doku.php?id=othe … leted_demo

The example in the attachment. Please use ie 10 open,You will find that header and footer can’t alignment .
Complete Demo.rar (80.6 KB)

Please, try to add a doctype to your page: