table-bordered with tbody and no content = no border

[eintnohick]

I noticed a weird behaviour when using table-bordered in Firefox...

http://jsfiddle.net/B3CWR/3/

This is a very specific issue only in FF so I'm not sure if yall want to address it but this does fix it:

thead+tbody:before{
    content:" ";
}

(The proposed fix actually makes the border-width bigger so I guess it's not a fix)

[cvrebert]

Confirmed. Also confirmed that such HTML validates.
(Omitting the <tbody> altogether also makes the borders appear.)

[mdo]

Well that's super odd.

[mdo]

This sounds like a browser bug @cvrebert, no?

[cvrebert]

@mdo Indeed. The bug occurs in Firefox on Mac OS X, Linux, and Windows 8.1.
I don't see the same behavior in any other browser.

[cvrebert]

Somewhat-reduced testcase: http://jsfiddle.net/dKTvW/5/

[cvrebert]

Filed upstream Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1023761
Now we just need to add this to our Wall of Browser Bugs.

[cvrebert]

Added a relevant test to the W3C CSS test suite: w3c/csswg-test#793