background-origin-root-element.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
<head>
<title>Root Element Background Origin</title>
<style type="text/css">
   body { border: solid black; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ%20bWFnZVJlYWR5ccllPAAAAClJREFUeNrszEENAAAIBKDT/p21g5s/CEBl8qQTtVqtVqvVarX6agUY%20AOiTATvieSECAAAAAElFTkSuQmCC) no-repeat 50% 50%; color: #000; -webkit-background-size: 100% 100%;}
   html { border: solid blue; background: transparent; color: yellow; padding: 1em;}
	* {margin: 1em; padding: 1em;}
	p {margin: 0; padding: 0 0 5em;}
</style>
</head>
<body>
<p>The HTML box, the one with a blue border should be fully filled with lime green. The BODY box, the one with black border, should also be fully filled with lime green. The lime green color should not spill out outside the blue border.</p>
</body>
</html>

chromium/third_party/blink/web_tests/fast/backgrounds/background-origin-root-element.html