Javascript CSS：解决问题

我的网站有三个div元素：页眉、内容和页脚。我有一个标题图片，我想，在大分辨率下，它看起来也不错。所以我拍了一张1800像素宽的大照片。因此，它在1800分辨率下看起来不错，但现在，在小分辨率（例如1024）下，它只显示图片的前1024倍，但我希望它显示图片的中心1024倍。 那么，有没有办法将背景图像设置得非常大，但以较小的分辨率显示图像的中心部分

#header
{
    background-image:url(../img/bg_header1.jpg);
    background-repeat:no-repeat;
    height:357px;
    width:100%;
}

也许我必须用javascript检查分辨率，然后使用这样的图片？

---

提前感谢

删除固定高度。

删除固定高度。

---

@durilai我的问题是宽度，为什么要去掉高度？我的图像的高度为357，而div没有任何内容，因此我必须设置高度。高度强制图像保持纵横比。@durilai我的问题是宽度，为什么要删除高度？我的图像的高度为357，而div没有任何内容，因此我必须设置高度。高度强制图像保持纵横比。

#header { background-position: center center; }