title: Bootstrap Dropdown Opens Downward - How To Disable?
body: <p>I am having trouble setting up my main navigation menu on my website in development: <a href="http://c.tapc.net/" rel="nofollow">http://c.tapc.net/</a></p>
  
  <p>I have some custom jquery code to help open the second tier menus to the right (I am using Bootstrap):</p>
  
  <pre><code>jQuery(function($) {
  
      $('.navbar .dropdown').hover(function() {
      $(this).find('.dropdown-menu').first().stop(true, true).fadeIn();
  
      }, function() {
      $(this).find('.dropdown-menu').first().stop(true, true).fadeOut();
  
  });
  
  $('.navbar .dropdown &gt; a').click(function() {
  
      location.href = this.href;
  
  });
  
  });
  </code></pre>
  
  <p>What is wrong:
  When hovering in between the links in the main navigation menu, the menus are opening downward.  What are some ways I can disable the menus from opening downward?  I only want them to open to the right. (that is working)</p>
  
  <p>Edit: I should also mention that it only does this in Firefox. (Safari, Internet Explorer - not tested)  It does not do this in Chrome.</p>
  
  <p><a href="http://i.stack.imgur.com/xTHMX.jpg" rel="nofollow">See example here</a></p>