6.0SoftSea模板顶部导航显示图片问题

6.0SoftSea模板顶部导航显示图片问题

我按照以前的方法修改了一下首页顶部导航，有点小问题；
图片和背景banner不吻合。

我该如何修改？

/*页首*/
#header { height: 86px; background: #24ABCF url(../images/header.gif) repeat-x; }
        #topmenu { float: right; padding: 20px 10px 0 0; }
        #topmenu ul { margin: 0; padding: 0; list-style: none; }
                #topmenu li { float: left; padding-right: 10px; }
                        #topmenu a { float: left; width: 48px; height: 56px; text-align: center; text-decoration: none; color: #FFF; padding-top: 39px; he\ight: 17px; overflow: hidden; background: url(../images/topmenu.jpg) no-repeat; }
                                #topmenu a.news { background-position: 0 0; }
                                        #topmenu a.news:hover, #newsmenu a.news { background-position: 0 -56px; }
                                #topmenu a.blog { background-position: -65px 0; }
                                        #topmenu a.blog:hover, #blogmenu a.blog { background-position: -65px -56px; }
                                #topmenu a.image { background-position: -129px 0; }
                                        #topmenu a.image:hover, #imagemenu a.image { background-position: -129px -56px; }
                                #topmenu a.goods { background-position: -194px 0; }
                                        #topmenu a.goods:hover, #goodsmenu a.goods { background-position: -194px -56px; }
                                #topmenu a.video { background-position: -258px 0; }
                                        #topmenu a.video:hover, #videomenu a.video { background-position: -258px -56px; }
                                #topmenu a.file { background-position: -323px 0; }
                                        #topmenu a.file:hover, #filemenu a.file { background-position: -323px -56px; }
                                #topmenu a.link { background-position: -387px 0; }
                                        #topmenu a.link:hover, #linkmenu a.link { background-position: -387px -56px; }
                                #topmenu a.group { background-position: -452px 0; }
                                        #topmenu a.group:hover, #groupmenu a.group { background-position: -452px -56px; }
                                #topmenu a.bbs { background-position: -516px 0; }
                                        #topmenu a.bbs:hover, #bbsmenu a.bbs { background-position: -516px -56px; }
        /*站点标题*/
        #pagetitle h2 { margin: 0; }
                #pagetitle h2 a { float: left; width: 211px; height: 85px; background: url(../images/logo.jpg); text-indent: -9999px; overflow: hidden; }

请问该如何调整？

建议改一下图片或者把#header { height: 86px; 高度加高试试

谢谢楼上的，不过你这个方法还是不行；
是不是应该把topmenu上移，具体的是哪一个数据？

background-position: -516px -56px;

第一个值是水平位置，第二个值是垂直位置。

左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

-56px; 就是垂直的位置

[ 本帖最后由 cn73064 于 2008-1-30 15:04 编辑 ]

原帖由 cn73064 于 2008-1-30 15:03 发表
background-position: -516px -56px;

第一个值是水平位置，第二个值是垂直位置。

左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

-56px; 就是垂直的位置

汗，修改后，还是不能起到上移的作用；
真是被打败了，，，

热心人

还是修改topmenu.jpg图片文件吧!

呵呵，找到答案了····:)

感谢cn73064，基本上已经解决:)