title: Mouse pointer on hover of Twitter Bootstrap dropdown nav
body: <p>When I hover over the dropdown in my navbar, the mouse changes to the text pointer instead of the hand pointer that should show for a link.</p>
  
  <p>Here's my html:</p>
  
  <pre><code>&lt;ul class="nav"&gt;
    &lt;li class="active"&gt;&lt;%= link_to 'Home', root_path %&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Forums&lt;/a&gt;&lt;/li&gt;
    &lt;li class="dropdown"&gt;
      &lt;a data-target="#" class="dropdown-toggle" data-toggle="dropdown" role="button"&gt;
        World vs. World
        &lt;b class="caret"&gt;&lt;/b&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
        &lt;li&gt;&lt;%= link_to 'Current Match', current_match_path %&gt;&lt;/li&gt;
        &lt;li&gt;&lt;%= link_to 'All NA Matches', wvw_path %&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Anybody know how I can fix this?</p>