Table border bug in Firefox

Question

If open/close tables here using Firefox, unnecessary borders pop out.

I can solve this problem using JS:

setTimeout(function () {
    $table.css({'table-layout': 'auto'})
}, 0);
setTimeout(function () {
    $table.css({'table-layout': 'fixed'});
}, 60);

Can it be solved without JS?

Answer 1

It does seem to be a bug in the graphics engine of Firefox, however I've noticed that as soon as you remove border-collapse: collapse; from the table, it no longer occurs.

So maybe you can adapt your styling a bit and manage to make it look good also without border-collapse. It all depends on how flexible you are on the look of the tables.