<!doctype html>
<title>Test non-top-left background-position anchors together with repeating backgrounds</title>
<style>
body { margin: 0 }
div {
width: 100px;
height: 100px;
}
.anchor-right {
background-image: linear-gradient(to left, lime 30px, red 30px);
background-size: 60px 100px;
background-position: top 0 right 0;
}
.anchor-bottom {
background-image: linear-gradient(to bottom, red 30px, lime 30px);
background-size: 100px 60px;
background-position: bottom 0 left 0;
}
</style>
<div class="anchor-right"></div>
<div class="anchor-bottom"></div>