Обходной путь Firefox для позиции для элемента table-cell

У меня есть некоторые проблемы с отображением двух строк текста в одном div с использованием bootstrap в Safari. У меня нет проблем с веб-браузерами.

  <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. Но это не помогает. Может ли кто-нибудь объяснить мне решение этой проблемы?

ОТВЕТЫ