title: Can't "pull-right" icon glyph in bootstrap
body: <p>I want to pull right icon glyph in drop down menu like as below</p>
  
  <pre><code>&lt;div class="navbar"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;ul class="nav"&gt;
        &lt;li class="dropdown"&gt;
          &lt;a data-toggle="dropdown" class="dropdown-toggle" href="#"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class="dropdown-menu"&gt;
            &lt;li&gt;
              &lt;a href="#"&gt;2-level Dropdown &lt;i class="icon-arrow-right pull-right"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu sub-menu"&gt;
                &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
            &lt;li class="divider"&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;One more separated link&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I run this code on FireFox (Chrome and IE are oke), "icon-arrow-right" and "2-level Dropdown" aren't same a line . How can I fix it ?</p>
  
  <p><a href="http://jsfiddle.net/2Smgv/2624/">Full code on JSFIDDLE</a></p>