新手提问 IE6下 嵌套div中图片垂直居中问题

body{
background:url(../img/pagebk.gif);
font-size:14px;
line-height:1.6;
margin:0 auto;
text-align:center;
}

#warp{
  width:940px;
  height:1000px;
  margin:0 auto;
  text-align:center;
  vertical-align:middle;
}
#head_logo{
  width:940px;
height:170px;
background:url(../img/logo.jpg) no-repeat center;

}
说明：#head_logo 嵌套在#warp 下，想让#head_logo里面的图片logo.jpg居中显示，在IE6里不能达到效果，图片偏左显示，请问怎么修改？

Try This:

CSS code

#head_logo{
width:940px;
height:170px;
background-image:url(../img/logo.jpg);
background-position:center center;
background-repeat:no-repeat;
}