image - 当图像在不同的 div 中使用时，颜色的深浅不同？

Question

在我的网站上是一个居中的 cta 图像和一个重复的切片图像，以填充呈现为不同阴影的流体左右列，但是侧面的背景是来自居中图像的 Photoshop 切片。这是我不知道的css的某些方面吗？图像都是背景，一个容器在另一个容器中，如下所示：

    <div class="cta_main">
    <div class="cta"></div>
    </div>

有这样的风格：

    .cta {
        width:1000px;
        height:350px;
        margin:0 auto;
        background-image:url(../images/images/cta_reg_07.png);
        background-repeat:no-repeat;
        z-index:100;
       }    
    .cta_main {
        width:100%;
        height:350px;
        margin:0 auto;
        background-image:url(../images/images/cta_reg_20.png);
        background-repeat:repeat-x;
        z-index:1;
       }    

在Photoshop中，图像自然是相同的颜色（因为一个是另一个的一部分），即使在dreamweaver中它看起来也应该如此，只有在firefox和chrome中（我没有测试任何其他浏览器）cta图像看起来有点色调更轻。谢谢。