导航中的按钮与Microsoft Edge一起显示在下方

Question

我的网站主导航时出现显示问题，我在项目末尾放了两个按钮。

在Chrome，Firefox和IE上，一切正常：

但是对于Microsoft Edge，这两个按钮低于其他按钮：

以下是我的导航代码：

＆＃13;

＆＃13;

#mainMenu>ul {
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}

.nav {
  position: static;
}

.nav-pills>li {
  float: left;
}

.nav>li {
  position: relative;
  display: block;
}

.btn {
  display: inline-block;
}

＆＃13;

<nav id="mainMenu" class="main-menu mega-menu">
  <ul class="main-menu nav nav-pills">
    <li><a href="/mysite/web/app_dev.php/"><i class="fa fa-home"></i></a></li>
    <li class="dropdown"><a href="#" rel="nofollow">A propos</a>
      <ul class="dropdown-menu">
        <li><a href="/mysite/web/app_dev.php/commentCaMarche">Comment ça marche ?</a></li>
        <li><a href="/mysite/web/app_dev.php/avantages">Les avantages mysite</a></li>
      </ul>
    </li>
    <li><a href="/mysite/web/app_dev.php/#offres">Offres</a></li>
    <li><a href="/mysite/web/app_dev.php/designs">Mises en page</a></li>
    <a href="/mysite/web/app_dev.php/register/" rel="nofollow" class="btn btn-default btn_nav_large hidden-xs">Inscription</a>
    <li class="visible-xs"><a href="/mysite/web/app_dev.php/register/">Inscription</a></li>
    <a href="/mysite/web/app_dev.php/login" rel="nofollow" class="btn btn-default btn_nav_large hidden-xs">Connexion</a>
    <li class="visible-xs"><a href="/mysite/web/app_dev.php/login">Connexion</a></li>
  </ul>
</nav>

＆＃13;

＆＃13;

＆＃13;

你有什么想法吗？

提前谢谢。