Firefox 3.x: CSS Tables Bug

Firefox 3.x has an very annoying CSS rendering bug in conjunction with CSS tables. It seems that in certain cases, JavaScript nodes in the DOM trigger this rendering problem. In both of the following simple CSS tables there is an allmost empty <script> node in the left column. It contains only a simple white space.

<script type="text/javascript" > </script>

This <script> node triggers the bug and leads to the result, that one of the CSS tables will collapse and their columns will wrap into a new line. To visualize the columns, each column contains a DIV with a red border.I noticed behavior in real live, where this problem only occours on first impression of a webpage. If the page gets reloaded, the bug isn't triggered anymore as long as you stay on this page. Therefore it is extremely hard to create an allways "working" testcase for this bug.

So, if you see nothing, try to reload the page several times, it might come up sporadically.

Testcase: Dirk Jesse [13.08.09] highresolution.info

First CSS table

Left Column [25% width]

Column [25% width]

Column [25% width]

Right Column [25% width]

Second CSS table

Left Column [25% width]

Column [25% width]

Column [25% width]

Right Column [25% width]