firefox中div之外的输入字段 - Bootstrap

Question

在我的登录表单上使用单个输入字段获取一些奇怪的行为只发生在firefox中...在chrome中它完全没问题。代码与页面上的表单中的任何其他输入字段没有什么不同，但是这个代码选择显示在表单div之外，并且不允许您键入它，也看起来它的长度为0％或至少为可能的最小长度。我正在使用bootstrap for field / form css。

表单的html代码段（id：email_login导致问题）：

<form action="process_login.php" name="login_form" method="post" id="login_form" class="form-horizontal" role="form">
  <div style="margin-bottom: 25px" class="input-group">
    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
    <input id="email_login" type="text" class="form-control" name="email" placeholder="Email Address" />
  </div>
  <div style="margin-bottom: 25px" class="input-group">
    <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
    <input id="password_login" type="password" class="form-control" name="password" placeholder="Password" />
  </div>
  <div style="margin-top:10px" class="form-group">
    <!-- Button -->
    <div class="col-sm-12 controls">
      <input onclick="formhash(this.form, this.form.password);" value="Login" id="btn-login" type="button" class="btn btn-primary" />
      <i class="icon-hand-right"></i>
    </div>
  </div>

看到正在发生的事情的图像

提前致谢...很乐意提供更多信息。我没有包含css，因为它只是标准的bootstrap类而没有修改。

编辑：

我设法通过将引导程序中的.input-group类从display:table修改为display:inline-table来解决此问题。

这不影响我网站上的任何其他表单，但设法解决了firefox中的显示问题。

所以考虑一下我的情况就解决了。