Firefox for table for cell-cell元素的解决方法

Question

我在Safari中使用bootstrap在一个div中显示两个文本的和平有些问题。我对webkit浏览器没有任何问题。

  <div class="row header">
        <div class="title col-lg-11 col-md-11">
            <h2>Some long dont interesing title</h2>
        </div>
        <div class="blackListLink col-lg-1 col-md-1">
            <a href="#">Administrator</a>
        </div>
    </div>

.header {
    display: table;
    margin-left: 15px;
    margin-right: 15px;
}

.header > .title, .header > .blackListLink {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.header > .title {
    padding-left: 0px;
}

.header > .blackListLink {
    padding-right: 0px;
    text-align: right;
}

JSFiddle

我尝试添加相对于标题div的位置。但它没有任何帮助。有谁能解释我这个问题的解决方案？