使用display进行垂直对齐：bootstrap中的table在Chrome中运行，而不是在Firefox中运行。为什么？

Question

好的，我有以下 HTML 标记：

<section class="aboutus" id="aboutus">
    <div class="container"> 
        <div class="row">
            <div class="col-md-4 text-center">
                <span class="image-holder our-clients"></span>
                <h2>Our Clients</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, aperiam sunt reprehenderit corporis quidem libero ad officiis odio labore ratione adipisci, delectus, maxime saepe dolorem optio id dolore facilis recusandae.</p>
            </div>
        </div>
    </div>
</section>

以及适用的以下 css 样式：

.aboutus{
    /*display: table !important;*/
    height: 100%;
}

.aboutus .container{
    display: table !important;
    height: 100%;
    vertical-align: middle;    
}

.aboutus .row{
    display: table-row !important;
    vertical-align:middle; !important;

}

.aboutus .col-md-4{
    height: 100%;
    display: table-cell !important;
    vertical-align:middle !important;
}    

.aboutus .image-holder{
    display: inline-block;
    height: 210px;
    width: 210px;
    background: url('../images/professionals.png'); 
}

现在，如果您查看html代码，您将看到以下类：

class="aboutus" 

在任何给定设备上占用100% height（100％屏幕尺寸），

现在我想要实现的是，我想在浏览器中垂直对齐col-md-4以后的部分。

总结一下：

<section class="aboutus" id="aboutus">

将占据设备屏幕的完整高度，并且：

<div class="col-md-4 text-center">

在

内完全垂直对齐

不幸的是，这种方法使用我的工作在chrome但不在firefox，虽然我运行几乎最新版本的两者。为什么会发生这种情况？

另外，我使用跨浏览器的方法有多好。我想它不会工作ie8及以下？无论如何，这是一个补充问题。

我的主要问题是为什么我的垂直对齐css代码在firefox中无效。

编辑:: 以下是我的Prolem in a nutsheel：

WHY Does this work in chrome but not in firefox ??

谢谢。

亲切的问候。

亚历山大