<!DOCTYPE html>
<html>
<body>
<div style="width: 50vw; height: 300px; background: url('resources/flower.jpg') top left / 50% 300px repeat-x"></div>
<p><a href="https://bugs.webkit.org/show_bug.cgi?id=109536">https://bugs.webkit.org/show_bug.cgi?id=109536</a><br>
You should see image repeated twice horizontally.</p>
</body>
</html>