No corners on content_body tables where row background is white

[ndarville]

• There is occasionally also something wrong with the right border for some reason. Seems to be CSS-based.
  • This particular problems seems to have disappeared. I think it was based on some browser or back-end weirdness.
• The problem that remains is that the bottom corners do not have rounded corners. Time to figure out what the heck is going on. Probably something that needs some CSS tweaking.

It seems like none of these two are working:

/** Lower left **/
    .categories tr:last-child td:first-child,
    .threads tr:last-child td:first-child,
    #board .words tr:last-child td:first-child,
    #content-body tr:last-child td:first-child {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
    }

/** Lower right **/
    .categories tr:last-child td:last-child,
    .threads tr:last-child td:last-child,
    #board .words tr:last-child td:last-child,
    #content-body tr:last-child td:last-child {
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
    }

[ndarville]

Looks like the current problem only exists in Opera and is a repeat of #47. Another issue unique to Opera is #81.

[ndarville]

Closed, so the general problem can be fixed in the aforementioned issue.

[ndarville]

According to this article, from what I can tell, you should apply the borders specifically to the cells and not the table itself. Including this line of code works in Opera, although it is an additional border layer inside of the table:

#content-body tr:last-child td:first-child {
    border-bottom: 1px solid #D1D1D1 !important;
    border-left: 1px solid #D1D1D1 !important;
}

What needs to be done is to remove all table-related borders and apply them to the cells instead.

[ndarville]

I tried making it work with the above example, but the same problem presents itself, darnit: http://jsfiddle.net/pessimism/x59aY/.

Evidently, this has to be the problematic rule:

#board .words tr:nth-child(even),
#content-body tr:nth-child(even) {
    background-color: #FFF;
}