html - 在浏览器中缩小时，顶部导航栏在页面上降低

Question

这可能是我遇到的一个相当基本的 CSS 问题。当我在浏览器中缩小时，我网站上的顶部导航栏降低到身体后面。我想知道有人知道为什么会发生这种情况以及如何解决这个问题。

任何帮助将不胜感激。

非常感谢您提前。

这是与此有关的文件的 CSS 部分：

#mainnav {
  height:69px;
}
#homeheader {
  background:url(../images/mainheader.gif) no-repeat;
  height:320px;
}     

#page {
 width:962px;
 margin:auto;
 padding:0 20px;
}
.mainheading {
  background:url(../images/graybgtop.gif) center bottom no-repeat;
  height:60px;
  line-height:60px;
  text-align:center;
  margin:0 0 1px 0!important;
  color:#251f1b!important;
}