tr background Webkit bug

dabblet.css

/**
 * tr background Webkit bug
 */

table
{
	border-collapse: collapse;
	width: 100%
}

tr
{
	background: linear-gradient(white, white) no-repeat left bottom, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAABAQMAAABe/5QGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEE4NTAxQ0FBNURCMTFFMDg0MTg4QTlGQTc5QjhDQUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEE4NTAxQ0JBNURCMTFFMDg0MTg4QTlGQTc5QjhDQUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTg1MDFDOEE1REIxMUUwODQxODhBOUZBNzlCOENBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTg1MDFDOUE1REIxMUUwODQxODhBOUZBNzlCOENBRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj1qgvoAAAAGUExURTMzMwAAACOWWdUAAAACdFJOU/8A5bcwSgAAAA5JREFUCB1jyt12G4QaABaDBOze0qtVAAAAAElFTkSuQmCC) repeat-x left bottom;
	background-size: 100px 1px, 57px 1px;
}

	

dabblet.html

<table>
	<tbody>
		<tr>
			<td>foo</td>
			<td>bar</td>
		</tr>
	</tbody>
</table>

<p>The dotted line should not break under “bar”.</p>
<p>The background is set for table rows. Why does Webkit apply the background to single table cells?</p>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}