css是这样写的，IE7中的效果如图2，IE6的效果如图1
.top-div{
height: 132px; width: 100%;
background-image: url('../../lc_images/main_images/top-bg.jpg');
background-repeat: repeat-x; z-index: -1;
}
.top-div .logo{
width: 347px; height: 132px; float: right;
background-image: url('../../lc_images/main_images/top-right-logo.png');
behavior: url("pngbehavior.htc");
background-repeat: repeat-x; z-index: 0;
}
.top-div .bottom{
width: 100%; margin-top: 15px;
background-image: url('../../lc_images/main_images/top-bottom-bar.png');
background-repeat: repeat-x; height: 21px;
vertical-align:top; position:absolute;
}
ie6不支持png图片的背景透明。
可以使用gif格式，当然大图片就不适合了。
其次使用ie6的透明滤镜，可以到网上找些相关资料。
个人感觉最好的办法是，直接设置为一个背景图片，因为这是美工的活。。。