<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>when background on body is propagated to the viewport, it shouldn't have a background itself</title>
  <style>
   html { background-color:transparent; background-image:none; }
   head { background-image:url(resources/yellow.png); position:absolute; width:100%; height:1.25em; display:block; }
   body { background-image:url(resources/white.png); position:absolute; width:100%; height:1.25em; margin:0; padding:0; color:navy; }
   p { margin:0; }
  </style>
 </head>
 <body>
  <p>This line should have a yellow background.</p>
 </body>
</html>