我无法弄清楚为什么没有重复的背景图像从视口的左边缘开始，而不是从预期的身体元素的左边缘开始。
看看这里
http://jsfiddle.net/pjLs594y/3/
<body>
<h1>Акварели зимнего дворца</h1>
<div class="test">Художник срисовал интерьеры по заказу жильцов.</div>
</body>
body {
background:url('http://artpoisk.info/files/images/9294.jpg');
background-repeat:no-repeat;
background-position:top left;
max-width:400px;
outline:1px solid red;
margin:0 auto;
}
div.test {
background:url('http://artpoisk.info/files/images/9294.jpg');
background-repeat:no-repeat;
background-position:top left;
width:200px;
outline:1px solid green;
}
背面图像有DIV，从定义的元素的左上角开始。