JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style>
    td {font-family: Times; text-align: center}
</style>
</head>
<body>
<p>This tests that the background-image of a table row &quot;covers exactly the full area of all cells that originate in the row&quot; as per <a href="http://www.w3.org/TR/CSS2/tables.html#table-layers">section 17.5.1 of the CSS 2.1 spec</a>. In particular, that the background-image covers the full area of cells that span outside of the row (i.e. have a  rowspan > 1). This test PASSED if you do not see the word FAIL.</p>
<table style="width: 50px; height: 100px; border-collapse: collapse">
	    <tr style="background: red url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABkCAIAAABLivQMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNrszsEJADAIBLBz/5ULOoSfCskEqaTzn9LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tI61uoXLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLa2tEWAA7fqVOeh+aDoAAAAASUVORK5CYII='); height: 50px">
	        <td style="color: yellow; vertical-align: bottom" rowspan="2">FAIL</td>
	    </tr>
	</table>
	</body>
	</html>