Firefox忽略元素的高度和最小高度（适用于Safari和Chrome）

Question

我在Firefox（最大）中出现问题时遇到了一些问题。特别是设置一些div的高度。它在Safari和Chrome中都运行良好，但在这种情况下，Firefox似乎忽略了min-height和height。相关标记看起来像这样（我使用Bootstrap和HAML）：

.container
  .row
    .col-md-1
    .col-md-2
      [some content]
    .col-md-8
      / This is where I want to make a w: 100% and h: 150px gray box
      .gray.pull-right.min-height-150.full-width

        %h3.margin-left-20
          = @user.name

        %p.full-width.margin-left-20
          [some text]
    .col-md-1

上面的代码在Safari和Chrome中运行良好，它创建了一个150px高的灰色框，但在Firefox中它的高度是108px，并且它似乎基于容器内容的高度。

我的min-height-150课很简单，看起来像这样：

.min-height-150 {
  min-height: 150px !important;
}

我也试过使用height，但我得到了相同的结果。

那么，关于什么可能导致这种情况的任何想法？

也会感谢任何有关我的Boostrap标记的反馈，以前没有使用它。