Фоновое изображение не отображается в IE7 и IE8

Question

На моем сайте http://aspspider.info/thesamy/GalleriesTest/MainPage/Main.aspx (бесплатный хостинг для теста), у меня 2 фоновых изображения.Тело, которое работает в каждом браузере, и оболочка для контента, которая не работает в IE7, IE8.

Я не могу понять, почему, если фоновое изображение тела показывает, почему оно не работаетв различных областях на странице?

Это HTML-код области:

   <div id="Content-wrapper">

        <div id="GalleriesContent">
            <iframe scrolling="no" id="iframeBoxID" frameborder="0" class="iframeBoxClass" name="iframeBox"
                src="http://www.google.com"></iframe>
        </div>

    </div>

и вот код:

#Content-wrapper
{
    /*background-image:url('../logo/blackBackGround2.png'); <-- 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;
}

Answer 1

По любой магической причине IE отображает фреймы с белым фоном, и ему нужно явно отобразить прозрачный фон для отображения вашего div-фона. Это поведение подробно здесь , и исправление довольно простое, просто добавьте следующий атрибут в ваш тег iframe, и это должно решить проблему:

allowTransparency="true"

e.g.

<iframe allowTransparency="true"></iframe>

Answer 2

Попробуйте добавить повторение фона в свой CSS

background-repeat: repeat-y;