Переопределить Bootstrap CSS

я использую nav-таблицы из Twitter-Bootstrap. При определенных разрешениях экрана таблетки проталкиваются без видимой причины. При использовании Firebug, если я уберу display:table из.nav-pills, проблема исчезнет. Я пытался переопределить таблицу display:в одном из моих собственных файлов.css, но до сих пор Firefox всегда рассматривал мою попытку переопределения как отдельный стиль.

Вот пример проблемы. Я знаю, что это не лучший способ справиться с проблемой, но похоже, что это лучший способ продемонстрировать проблему.

Заранее спасибо,

Bootstrap CSS:

.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after 
{
    content: "";
    display: table;
}

Мой CSS:

.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after 
{
    display:block !important;   
}

Результаты CSS:Похоже, что Firefox распознает оба оператора css как отдельные стили, когда мой стиль отображения должен переопределять стиль начальной загрузки.