相关疑难解决方法(0)

我有以下小提琴:

http://jsfiddle.net/q05n5v4c/2/

在Chrome中,它渲染得很好.人字形在右侧.

但是,在Firefox中,它将雪佛龙下降了1行.

我搜索过谷歌并发现了几个关于这个bug的帖子,但没有一个建议有所帮助.

那里的任何CSS专家可以告诉我我做错了什么？

HTML:

<div class="btn-group">
    <button data-toggle="dropdown" 
            class="btn btn-default dropdown-toggle" 
            style="width: 400px;text-align: left;">

        Checked option 

        <span class="glyphicon glyphicon-chevron-down" 
              style='float: right;'></span>
    </button>
</div>

我想在下拉菜单中拉出右图标字形,如下所示

<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      <li class="dropdown">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li>
            <a href="#">2-level Dropdown <i class="icon-arrow-right pull-right"></i></a>
            <ul class="dropdown-menu sub-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Another action</a></li>
              <li><a href="#">Something else here</a></li>
            </ul>
          </li>
          <li><a href="#">Another action</a></li>
          <li class="divider"></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

但是当我在FireFox上运行此代码时(Chrome和IE是oke),"icon-arrow-right"和"2-level Dropdown"不一样.我该如何解决？

JSFIDDLE上的完整代码