title: Internet Explorer doesn't recognise the 'html' css background image tag?
body: <p>I was basically wondering if there was a work around to this? I was redesigning my old mans plumbing website, and took a few of the ideas from this website <a href="http://visitmix.com/" rel="nofollow">http://visitmix.com/</a> where they used the body css tag as the header background with a few overlapping designs into the main website body - and the html css tag for the background repeating image of the rest of the webpage. While this works in firefox and chrome, the internet explorer background is just the background color. </p>
  
  <p>The website I'm working on is here: <a href="http://www.plumberkendal.co.uk" rel="nofollow">http://www.plumberkendal.co.uk</a> which shows what I mean. I've tried numerous things with the width and the height of the html css tag but to no avail.. heres the css in question:</p>
  
  <pre><code>html 
  {
   background-image: url("../images/html_bg.png");
   background-repeat: repeat;
   background-color: #5a84c5;
   height: auto;
   width: auto; 
  }
  
  body 
  {
   padding-top: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   background-image: url("../images/header_bg.png");
   background-repeat: no-repeat;
   background-position: center top;
   text-align: center;
   }
  </code></pre>
  
  <p>Any help would be greatly appreciated, cross-browser compatibility with css is an area that really confuses me!</p>