<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>background on subsequent bodys should not cover the viewport</title>
  <style>
   html { background-color:transparent; background-image:none; }
   #test { background-image:url(resources/red.png); padding:0; }
   p { background-image:url(resources/lime.png); }
  </style>
 </head>
 <body>
  <p>This line should be green and there should be no red.</p>
 </body>
<body id="test"/></html>