title: Background image doesn't show in IE7 and IE8
body: <p>On my site <a href="http://aspspider.info/thesamy/GalleriesTest/MainPage/Main.aspx" rel="nofollow">http://aspspider.info/thesamy/GalleriesTest/MainPage/Main.aspx</a> (free hosting for test), I have 2 background images. The body that works in every browser and a content-wrapper that doesn't work in IE7, IE8.</p>
  
  <p>I can't understand why, if the background img of the body shows, why it doesn't work in different areas on the page?</p>
  
  <p>This is the HTML code of the area:</p>
  
  <pre><code>   &lt;div id="Content-wrapper"&gt;
  
          &lt;div id="GalleriesContent"&gt;
              &lt;iframe scrolling="no" id="iframeBoxID" frameborder="0" class="iframeBoxClass" name="iframeBox"
                  src="http://www.google.com"&gt;&lt;/iframe&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>and here is the css:</p>
  
  <pre><code>#Content-wrapper
  {
      /*background-image:url('../logo/blackBackGround2.png'); &lt;-- tired that*/
        background-image:url(../logo/blackBackGround2.png);
  
  }
  
  #GalleriesContent
  {
      background-color:transparent;
      clear: both;
  }
  .iframeBoxClass
  {
       background-color:transparent;
      border: 1px solid white;
      width: 100%;
      height: 550px;
  }
  </code></pre>