背景图片自动伸缩

有3张图片，第一张固定在左边，第三张固定右边，第二张根据浏览器自动伸缩

(top-1_1.jpg,top-1_2.jpg,top-1_3.jpg)

1、样式

    <style>
        body,div
        {
         margin:0;
         padding:0;
        }
 /*顶框背景图片*/
.top1_bgimage
{
 background-image: url(images/top-1.jpg);
 background-repeat:no-repeat;
}
.top1_bgimage1
{
 background-image: url(images/top-1_1.jpg); height:71px; width:267px;float:left;
}
.top1_bgimage2
{
 background-image: url(images/top-1_2.jpg); height:71px;background-repeat:repeat-x;min-width:744px;
}
.top1_bgimage3
{
 background-image: url(images/top-1_3.jpg); height:71px; width:477px;height:71px; float:right;
}
    </style>

2、div

<div class="top1_bgimage2">
     <div class="top1_bgimage1"></div>
     <div class="top1_bgimage3"></div>  
</div>

3、图片资源：

top-1_1.jpg：

top-1_2.jpg：

top-1_3.jpg：

效果：