制作风格疑问

我制作风格的时候... 真的很懊恼...
面对到解析度的问题...
我应该怎样做才能够让顶部的照片不管再什么解析度下都没有问题呢?

以下的照片就是情况, 也有我css的设定代码


这张是在 1280 X 800 的解析度下的情况, 顶部的照片没有办法左右扩展到尽头


这张是在 1024 X 768 的解析度下的情况, 顶部的照片没有问题





css的代码

#head01{
    background:url({IMGDIR}/head01.jpg) no-repeat center;
    width:100%;
    height:181px;
}
#head02{
    background:url({IMGDIR}/head02.jpg) no-repeat center;
    width:100%;
    height:46px;
    text-align:center;

图片是没有办法扩展的  大小只能固定
你可以 固定页面宽度  或者浮动图片  居左 或者居右
固定页面宽度 居中就可以了

如果想让背景图扩展的画  不怕图片变形的话 可以选择
(head01.jpg) repeat -x

可是为什么有些风格, 他们的顶部图片, 不管再怎样的解析度下, 都是刚刚好的呢？

请问有没有人能够帮忙解答>"<