如何修复隐藏在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覆盖了gallery div中的背景图像。我知道这个，因为如果我将幻灯片div的不透明度设置为80或更低，我可以看到背景图像闪烁。
该页面在firefox，chrome，safari和opera中看起来很棒。这只是IE7和IE8中的一个问题 有人知道如何解决这个问题吗？我花了几个小时写这篇文章并且尝试了我遇到的所有内容，无论它听起来多么不可能。我一直无法找到解决方案。

（请帮忙，这让我疯了）

Answer 1

我发现了问题...

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

CSS修复很简单：

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

我确实必须将！important添加到最后，否则会覆盖我的风格。