我的网页有一个静态的页眉和页脚,对于我的顶级徽标/图像,图像悬垂了10像素,这是我想要它做的,但我的底部图像悬在屏幕的末端,我希望它是一个负偏移所以图像的顶部比页脚高10个像素…

如果你检查图像你可以看到它当前的样子(绿色=正确,红色=不正确)

如果你检查图像你可以看到这是它应该是什么样子,图像悬在两个静态条上.

JSFiddle

我一直在努力尝试它的工作的部分css是：

#footer_container {
    background: #262A2D url('gradhead.png') repeat-x;
    border: 0px solid #666;
    bottom: 0;
    height: 80px;
    left: 0;
    position: fixed;
    width: 100%;
}

#footer {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #ECECEC;
}

#footer .footimage {
}

如果我扔进顶部：-10px;在#footer css中,所有偏移都不是我正在寻找的东西,它修复了主要图像,但其他一切都向上移动……