私が構築している「stumbleupon-esk」Webサイトの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;
}
どうすればこれを修正できますか?
編集：
位置を固定しなくても問題なく動作します。