background-position的說明：
     設定或檢索物件的背景影象位置.必須先指定 background-image 屬性。該屬性定位不受物件的補丁屬性( padding )設定影響.(在IE的幾個版本中都是一樣的,測試說明這裡的意思就是:下文中容器(container)的寬度(即內容部分,沒有包含border),這個寬度應該把padding也計算在內的.)
     預設值為： 0% 0% .

此時背景圖片將被定位於物件不包括補丁( padding )的內容區域的左上角。
     如果只指定了一個值，該值將用於橫座標。縱座標將預設為 50% 。如果指定了兩個值，第二個值將用於縱座標.

一.background-position:left top;

背景圖片的左上角和容器(container)的左上角對齊，超出的部分隱藏。
等同於 background-position:0,0;
也等同於background-position:0%,0%;

二.background-position:right bottom;

背景圖片的右下角和容器(container)的右下角對齊，超出的部分隱藏。
等同於background-positon:100%,100%;
也等同於background-positon:容器(container)的寬度-背景圖片的寬度,容器(container)的高度-背景圖片的高度

三.background-position:500px 15px;

背景圖片從容器(container)左上角的地方向右移500px,向下移15px，超出的部分隱藏。

四.background-position:-500px -15px;
背景圖片從容器(container)左上角的地方向左移500px，向上移15px，超出的部分隱藏。

五.background-position:50% 50%;(一直都模糊這個值是怎樣計算的...冏^||"~"^)

等同於left：{容器(container)的寬度—背景圖片的寬度}*left百分比，超出的部分隱藏。
等同於right：{容器(container)的高度—背景圖片的高度}*right百分比，超出的部分隱藏。
例如：background-position:50% 50%;就是background-position:(1000-2000)*50%px, (500-30)*50%px;即background-position:-500px,235px;也就是背景圖片從容器(container)的左上角向左移500px，向下移235px；

六.background-position:-50% -50%;

（這種情況背景圖片應該用bg2.jpg才能看出效果,bg.jpg的高度太小效果不明顯）
等同於left：-{{容器(container)的寬度—背景圖片的寬度}*left百分比（百分比都取正值）}，超出的部分隱藏。
等同於right：-{{容器(container)的高度—背景圖片的高度}*right百分比（百分比都取正值）}，超出的部分隱藏。
例如：background-position:-50% -50%;就是background- position:-{(1000-500)*50%}px,-{(500-360)*50%}px;即 background- position:-250px,-70px;也就是背景圖片從容器(container)的左上角向左移250px，向上移 70px；

後記:昨天在IE6下,用css-sprites和backgroupd-position用圖片來做圓角,發現產生了2PX的偏差,下部分無法和上部分重合在一起,後來用over-flow:hidden;就可以,不知道這是不是IE6下的一個BUG....哎....對IE6,簡直就是無語了,看了下網站的統計,還有那麼的人在用IE6,悲傷呀...