如何修复 IE7 和 IE8 中隐藏在其他 div 后面的 div 背景图像

Question

我有以下代码...

HTML:

<div id="gallery">  
   <div id="slideshow">  
      <div> <!-- SLIDE 1 -->  
         //slide content  
      </div>  
      <div> <!-- SLIDE 2 -->  
         //slide content  
      </div>  
   </div>  
</div>

CSS:

#gallery { 
   width: 940px; 
   height: 317px; 
   background: transparent url("../images/banner_bg.png") no-repeat scroll right 0; 
   position: relative; 
}

我已经尝试过使用 .png .gif 和 .jpg 图像作为背景，结果相同。
问题是在 IE7 中，幻灯片 div 覆盖了图库 div 中的背景图像。我知道这一点是因为如果我将幻灯片 div 的不透明度设置为 80 或更低，我可以看到背景图像闪闪发光。
该页面在 Firefox、Chrome、Safari 和 Opera 中看起来很棒。这只是 IE7 和 IE8 中的问题。
有人知道如何解决这个问题吗？我花了几个小时在谷歌上搜索这个问题，并尝试了我遇到的所有方法，无论听起来多么不可能。我一直无法找到解决方案。

（请帮忙，这让我发疯）

Answer 1

我发现了问题...

幻灯片 div 将背景颜色设置为黑色，我假设这是 IE 解释，因为
1）其他浏览器中没有发生这种情况
2）我在代码中找不到将背景颜色设置为黑色的任何地方。

CSS 修复很简单：

#gallery #slideshow div { background-color: transparent !important; }  

我必须在末尾添加 !important，否则它会覆盖我的样式。