title: background image not repeating in IE
body: <p>This should be real simple...not sure what I'm not seeing here...the background image repeats just fine in non-IE browsers but fails to in IE8.</p>
  
  <p>site: <a href="http://www.erisdesigns.net/Stage/McCampbellInsurance/index.html" rel="nofollow noreferrer">http://www.erisdesigns.net/Stage/McCampbellInsurance/index.html</a></p>
  
  <pre><code>#wrapper {
      max-width:100%;
      min-width:1000px;
      min-height:100%;
      margin:0 auto;
      background-image:url(images/shadowborder.png);
      background-repeat:repeat-y;
      background-position:center;
      margin-bottom:-70px;
      position:relative;
      overflow:auto;
  }
  
  #headwrapper {
      position:relative;
      -moz-background-clip:border;
      -moz-background-origin:padding;
      -moz-background-size:auto auto;
      background-image:url(images/btr_rpt.jpg); /* NO REPEAT!!! */
      background-repeat:repeat-x;
      height:150px;
  }
  
  #header {
      position:relative;
      -moz-background-clip:border;
      -moz-background-origin:padding;
      -moz-background-size:auto auto;
      background-color:transparent;
      background:url(images/KMIAFS_banner.jpg) center top no-repeat;
      height:150px;
  }
  
  #menu {
      clear:left;
      float:left;
      padding:0;
      border-top:5px solid #003a72;
      width:100%;
      overflow:hidden;
      height:70px;
  }
  
  #spacer {
      height:70px;
      clear:both;
  }
  
  #footer {
      position:relative;
      height:70px;
      width:100%;
      border-top:5px solid #003a72;
      background-color:#bec8e3;
      text-align:center;
      color:#666;
      margin:0 auto;
      margin-top:-70px;
      clear:both;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;/head&gt;
  &lt;div id="wrapper"&gt;
  &lt;div id="headwrapper"&gt;
  &lt;div id="header"&gt;&lt;/div&gt;
       &lt;div id="menu"&gt;
         &lt;ul&gt;
            &lt;li class="active"&gt;&lt;a href="#" title=""&gt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;        
           &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>