<!DOCTYPE html>
<html><head>
<title>stretched image artifacts (test)</title>
<style>
div {
  height: 5px;
  background-image: url("data:image/gif;base64,R0lGODdhAQACAPABAAD/AP///ywAAAAAAQACAAACAkQKADs=");
  background-repeat: repeat-x;
}
</style>
</head><body>
<div style="width: 540px">
</div><div style="width: 541px">
</div><div style="width: 542px">
</div><div style="width: 543px">
</div><div style="width: 544px">
</div><div style="width: 545px">
</div><div style="width: 546px">
</div><div style="width: 547px">
</div><div style="width: 548px">
</div><div style="width: 549px">
</div><div style="width: 550px">
</div><div style="width: 551px">
</div><div style="width: 552px">
</div><div style="width: 553px">
</div><div style="width: 554px">
</div><div style="width: 555px">
</div><div style="width: 556px">
</div><div style="width: 557px">
</div><div style="width: 558px">
</div><div style="width: 559px">
</div></body></html>