When applying a bottom border to a table, with "border-collapse" set to "collapse", weird random bottom borders appear below some table rows, of varying widths -- they appear and disappear when scrolling, sort of like the IE6 "peekaboo bug"; resizing the window, or switching to another application and back again, makes them go away, scrolling makes them reappear again.
This affects all Mozilla browsers (Mac & PC) including Firefox, Camino, and Flock -- and only mozilla browsers.
Example:
http://platypusman.com/mozilla_table_border-bottom_border-collapse.html
The CSS:
table.grid { border-collapse: collapse; border-bottom: solid 15px #ccc; }
table.grid td { border: solid 1px #ccc; padding: 5px; }
Removing "border-collapse" fixes the issue.
It's only caused by a BOTTOM border on the table -- removing the bottom border fixes the issue. E.g.:
table.grid { border-collapse: collapse; border: solid 15px #ccc; border-bottom: none; }
table.grid td { border: solid 1px #ccc; padding: 5px; }