Html 在浏览器中缩小时降低页面上的顶部导航栏

这可能是我遇到的一个相当基本的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;
}

---

您能使用代码格式吗？请使用JSFIDLE。这只是我第二次在这里发帖，所以我对这些选项不太熟悉。事实上，我必须为示例添加更多代码，但我希望以正确的方式完成。不用担心。JSFiddle是一个工具，可以让您显示HTML/CSS/Javascript供其他人查看，对于bug查找非常有用。