jQuery causing table borders to dissapear in FF3

[anpsince83]

I set up a test case for this here: ​http://www.virtualergonomist.com/jquerytest.html.

jQuery is causing tables with border-collapse: collapse, to lose their borders in FireFox 3 (3.0.9).

We have one main stylesheet that has our reset and global styles. In that we define table { border-collapse: collapse; }. We include this stylesheet, then jquery. After that we will include any view includes, in this case another stylesheet that defines the styles for a table with borders. In FF3 the borders disappear after jQuery initializes. In all other browsers the borders remain. Take jQuery out, the borders are back in FF3.

What's interesting is that if I define the table styles inline, the borders remain, or if I move the stylesheet that defines the table styles above where jQuery is included the borders remain.

This is easily worked around, but bizarre nonetheless.

[dmethvin]

Hmm, this is interesting because I think I have seen that myself. Your test case is gone though. Can you attach a copy of it or point to another location?

[addyosmani]

Testing this out with FireFox 3 with jQuery 1.4.2 and 1.3.2, it appears that the border-collapse:collapse property is still being maintained even when jQuery is being loaded.

Given this and that the original test case is no longer available, I am closing this ticket as worksforme, however if the original ticket submitter would like to re-open a new ticket with further test cases I would be more than happy to check them out.

[anonymous]

Noticed the same in IE8 standards mode (IE7/FF15/quirks mode : no issue)