CSS 怎么固定图片位子？ - Web 开发 / HTML(CSS)

我通过 BACKGROUND: url(images/s.gif) no-repeat 0px 0px; 调整到图片的位子正好的时候。可是图片会根据浏览器窗口的大小不固定。
请看图 


A:hover {
 COLOR: #1e50c1; TEXT-DECORATION: underline;
}
* {
 PADDING-LEFT: 0px;
 PADDING-RIGHT: 0px; 
 PADDING-BOTTOM: 0px;
 BORDER-LEFT-WIDTH: 0px; 
 BORDER-RIGHT-WIDTH: 0px; 
 BORDER-TOP-WIDTH: 0px; 
 BORDER-BOTTOM-WIDTH: 0px; 
 LIST-STYLE-TYPE: none; 
 MARGIN: 0px; 
 PADDING-TOP: 0px; 
}
LI {
 TEXT-ALIGN: left;
}
#head {
 BACKGROUND: url(images/s.gif) no-repeat 0px 0px; 
 OVERFLOW: hidden; HEIGHT: 150px
}
#top {
 MARGIN: auto; OVERFLOW: hidden; WIDTH: 960px; HEIGHT: 77px
}
#logo {
 FLOAT: left; OVERFLOW: hidden; WIDTH: 226px; HEIGHT: 77px
}
#head_r_t {
 FONT-SIZE: 13px; FLOAT: left; MARGIN: 8px 0px 0px; WIDTH: 734px; HEIGHT: 70px; TEXT-ALIGN: right;
}
#head_r_t A {
 COLOR: #ffffff
}
#head_r_t_m {
 FLOAT: right
}
#head_r_t_m LI {
 PADDING-RIGHT: 5px; 
 MARGIN-TOP: 12px; 
 PADDING-LEFT: 5px; 
 FONT-SIZE: 25px; 
 FLOAT: left; 
 PADDING-BOTTOM: 0px; 
 PADDING-TOP