<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Reference for properly handled background-position changes.</title>
<style>
body {
margin: 0;
}
#background {
width: 100px;
height: 100px;
background-color: lime;
</style>
<div id="background"></div>