Css Firefox中的引导活动选项卡间隙底部

我认为使用引导选项卡是合理的，并且仅在Firefox中，活动选项卡下存在间隙：

这既不是空白也不是填充，我无法摆脱它

以下是NavTab的自定义代码，而不是默认引导样式：

.nav-tabs li {
  border-radius: 5px 5px;

  a{
    background-color: #bebebe;
    color: black;
  }
}

.nav-tabs > li.active > a {
  background-color: white !important;
  border-bottom: 0;
  overflow: hidden;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus{
  background-color: white !important;
  border-bottom: hidden;
}

编辑：

这是html，顺便说一下，这是一个Laravel5项目

<div class="results">
<ul class="nav nav-tabs nav-justified" role="tablist">
    <li role="presentation" class="active"><a href="#user" aria-controls="user" role="tab" data-toggle="tab">Users</a></li>
    <li role="presentation"><a href="#post" aria-controls="post" role="tab" data-toggle="tab">Posts</a></li>
</ul>
<div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="user">
    Content User….
     </div>
    <div role="tabpanel" class="tab-pane fade" id="post">
        Content Post
     </div>
</div>

内容用户…。
内容帖

---

1。同时发布你的

html

代码和2。你试过删除

边框底部的规则吗？你在JSFIDLE中有吗？我用html编辑了我的文章。我已经尝试删除边框底部规则，但它不起作用，因为它添加了我删除的边框，所以只会使间隙稍微增大。下面是JSFIDLE：