在我正在构建的“stumbleupon-esk”网站navbar之前，我正在使用 Bootstrap（带有平面 UI） 。iframe我正在尝试使其navbar具有固定位置，但是当我这样做时，当我将鼠标悬停在下拉菜单将出现的位置时触发下拉菜单，而不是链接/列表项本身。
当Report我将鼠标悬停在它下方而不是它上面时触发了下拉菜单。
这是我的 HTML 的结构（在 HAML 中）：
.navbar.navbar-inverse
.navbar-inner
.nav-collapse.collapse
%ul.nav.pull-left
%li.dropdown
%a(href="#")
%span Report
%b.caret
%ul
%li
%a#not-startup(href="#" rel="nofollow") Not Startup
%a#broken-page(href="#" rel="nofollow") Broken Page
%a#malicious(href="#" rel="nofollow") Malicious
%a#inappropriate-content(href="#" rel="nofollow") Inappropriate Content
%a#other(href="#" rel="nofollow") Other
%iframe{:src => ...}
和CSS：
iframe {
width: 100%;
height: 100%;
border: none;
}
.navbar {
margin-bottom: 0;
position: fixed;
width: 100%;
}
.navbar-inner {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
我怎样才能解决这个问题？
编辑：
没有固定定位也能正常工作。