I am using Firefox 3.5.7 and I have the same CSS used in multiple HTML tables, but there are some examples where parts of the borders are not shown.
What makes no sens
Building on the good answer of @GregL (I seem unable to "comment" directly on it):
Instead of using JQuery to generate a "last" class, I simply used the built-in pseudo-element selector :first-child
. I built rules selecting tr:first-child
and td:first-child
that define border-top
and border-left
(instead of border-right
and border-bottom
as in GregL's answer). The generic rules define border-right
and border-bottom
instead of border-left
and border-top
. :first-child
is said to be supported in Chrome v. 4.0, Firefox v. 3.0, IE 7.0, Safari v. 3.1, and Opera v. 9.6 (). Tested on Firefox v. 40.0.3, where I saw this problem in the first place.