html导航栏下滑消失,html – CSS导航栏在其他div下消失

我有这个

HTML代码

• Page1
• page2

• page3

  Some text here
  Some text here
  Some text here
  Some text here
  Some text here
  Some text here
  Some text here
• page4

和CSS代码

#navbar { position: relative; margin: 3px; }

#navbar ul { padding: 0; margin: auto; background: #f0f0f0 url(../images/1px.png) repeat-x 0 -441px; padding: 4px 0 4px 0; }

#navbar li { display: inline; margin-right: 80px; }

#navbar li a { font-family: EqualSansDemo; font-size: 1.6em; color: #555555; text-shadow: 1px 1px 0px #fff; }

#navbar li a:hover { color: #0071e4; }

#PopOver {

position:absolute;

border:2px solid #07B1F1;

width:170px;

height:auto;

padding:15px 5px 10px 5px;

display:none;

top:30px;

left:229px;

background-color:#FFFFFF;

border-radius:8px;

-moz-border-radius:8px;

-webkit-border-radius:8px;

}

#NavItem:hover #PopOver {display:block}

#banners { padding-top: 25px; padding-bottom: 25px; position: relative; }

.wrap { width: 1000px; margin: 0 auto; }

.left { float: left; }

.right { float: right; }

问题 ：

在许多情况下,导航栏将在另一个div下消失

例如,我添加了“#banners”div,我认为问题是因为“position：relative;”

但正如我所说的“#banners”div只是用于示例,如果我需要解决这个问题,我应该在#navbar #NavItem中：hover #PopOver

有什么好主意吗？

谢谢.