Chrome does not listen to css rules for col widths?

dimvic7

i am using the following css:
[code]
.dataTables_wrapper table tr .id,
.dataTables_wrapper table tr .order {
width: 60px;
}

.dataTables_wrapper table tr .caption {
width: 240px;
}

.dataTables_wrapper table tr .date {
width: 110px;
}
[/code]

i am adding the classes using "sClass" attribute in aoColumns

after inspecting the cells the class is applied and the style is not overwritten, though the display size of the cell is not the one i set for it's class

inspecting the table reveals that the table has style="width:500px;" which was never defined explicitly

ps. i have removed line 3800 from datatables 1.7.6 because before this the table would go 100% of window's width and mess with the layout as a whole:
[code]
o.nTable.style.width = "100%";
[/code]