关于CSS3的Multiple backgrounds解决方案 _HTML/CSS

关于CSS3的Multiple backgrounds
先上CSS代码：

CSS code


.css3Div        
{
          background-image:url('/img/code1_left.jpg'),url('/img/code2_slice.jpg'),url('/img/code2_right.jpg');
            background-position:top left,top center,top right;
            background-repeat:no-repeat,repeat-x,no-repeat;            
            width:80%;
            height:31px;
            border:solid 1px red;
}

描述：这个css的class用于一个div，这个div的背景由3个图片组成，
这3个图片的高度都是31px，其中，中间的那个图片是可以repeat的，
左右两个图片都不能repeat。
问题：在页面上显示的结果是：左面的图片正常显示，中间的图片也正常平铺，但是右边的图片不显示（因为被中间的图片盖掉了），请问大家知道这是怎么回事吗？
注：浏览器是chrome

满意答案必有重谢！

------解决方案--------------------
这个问题目前估计没办法解决。。。
------解决方案--------------------

探讨

引用:

这个问题目前估计没办法解决。。。

现在已经解决了，关键是在设置background-image的时候，哪个图片的url写在最前面，哪个图片在显示的时候就会在最上层，以此类推。
所以，我把中间平铺的那个图片写到最后面就解决问题咯。

只可惜不能把分给自己了。
恢复我帖子的同志们都能得分哦.

------解决方案--------------------
对啊，为什么不多使用div划分区域呢？