Background image for TR renders crookedly in Safari?

Question

css

Set the background for table rows like this:

table tr {<br/>
 background: url(derevo.png) bottom repeat-x;<br/>
}

Firefox, Opera show normally, the background of the table row is monolithic:

And Safari with Chrome renders the background separately for each cell of the table, which makes the joints visible:

Apparently, this is due to the laziness of engine developers - after all, rows of tables are rarely rendered and there is a
temptation to simplify your task, taking care only of rendering cells. A quick Google search showed that the problem is old and widely known, even IE has been ill with it or at least can survive with a small and valid crutch.
Can this be done normally or is it better to look for tricky and crooked solutions?

Answer 1

He asked himself - he answered himself: let's make the rows and cells of the table forget that they should behave like a table.
tr {display: block;}
td {display: inline-block; background: transparent;}
And after small adjustments in size (the cells fell into a heap), everything falls into place.

Answer 2

And if

table tbody { background: url(derevo.png) repeat-x repeat-y; }

?

Answer 3

The same garbage occurs if you set the background for tbody. At the time, I couldn't decide. I had to redo the table logic so as not to use the background for tr and tbody.