title: How to consistently set background-image on HTML element
body: <p>I'm talking about the <code>&lt;html&gt;</code> element itself, seems to work in most browsers, but IE7/8 doesn't want to play. The reason I'm even doing this is because my chore is to theme a RoboHelp web output which uses a million frames - I need to set the topmost frameset's background image otherwise background-positions don't line up when a nested frame invokes a vertical scrollbar.</p>
  
  <p>I tried applying <code>height:100%;</code> on the <code>&lt;html&gt;</code> element also. Solution must work in IE6+. Javascript should be avoided.</p>
  
  <p>EDIT:</p>
  
  <p>Clarification: I'm applying <code>style="background: transparent url(image.gif) left top no-repeat;"</code> to the <code>html</code> element via a style block in the header (everything is dynamic, this is my only available method of accessing the html element).</p>
  
  <p>Good heavens, just tested this on a basic page - fine. Replace the body tag with a frameset, like in my situation, and now the images don't show up. This looks to be IE-frameset specific, any suggestions?</p>