<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>background on body when propagated to the viewport should be anchored at the root element</title>
  <style>
   html { background-color:transparent; background-image:none; margin:50px; border:thin solid; min-width:150px; min-height:150px; }
   body { background-image:url(resources/yellow.png); background-repeat:no-repeat; margin:50px; border:thin solid; min-width:50px; min-height:50px; color:navy; }
  </style>
 </head>
 <body>
  <p>There should be a yellow square in the top-left corner, <em>between</em> the borders.</p>
 </body>
</html>