<!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>