Generated Html Tables That I've Successfully Changed Several Indirectly... Except This Particular One

My site has these interactive tables that are inert until activated by an instructor when they are testing students. The backend is controlled by a vendor and I am the lowly web de

Solution 1:

I just found this: Why is my table cell width wrong in Chrome? Tables have a property called table-layout which is by default set to auto. It allows the table to be flexible and gives it the ability to distribute column widths on the fly. Setting my rogue table this way:

table-layout: fixed; width: 100%

made it behave and honor the widths I had assigned to it. Here's more details on table-layout

Demo

EDIT: I forgot to mention that this only happens in Chrome, but in Firefox and to a certain extent IE (it's a little off, but that's what you'd expect from a half-baked piece of work), are ok.