css - 4辺すべてを指定しない限り、Firefoxはユーザースタイルの境界線を無視します

Question

Firefox 27.0.1 でスタイリッシュを使用して、このページのユーザー スタイルを記述しようとしています。私がこれまで持っているスタイルシートは次のとおりです。

@-moz-document domain("www.hitbox.tv") {

/***** Change stream area colours *****/
.meta, /* title and tabs */
.userContent.cf /* share buttons */
{
    background: none !important; /* remove white gradient */
    background-color: #000 !important;
    color: #AAA !important;
    border-bottom: none !important; /* remove white separator */
}

.title, /* stream title */
.hover, /* tabs and buttons below title */
.profile *  /* profile text */
{
    color: #AAA !important;
}

.btns .active /* currently selected tab */
{
    color: #484 !important;
}

button {
    background:    #000 !important;
    color:         #AAA !important;
    border-top:    2px #AAA solid !important;
    border-right:  2px #AAA solid !important;
    border-bottom: 2px #888 solid !important;
    border-left:   2px #888 solid !important;
}


/***** Push video down the page *****/
.player {
    padding-top: 100px !important;
}

/***** Make video occupy all available space *****/
#player {
    width: 100% !important;
    /* height: 100% !important; */
}


} /* @-moz-document */

問題は、ストリーム タイトルの下の「フォロー」ボタンに影響する最後のルールにあります。（私の場合、それは「フォロー中」のボタンですが、ルールはどちらの方法でも影響するはずです。）それに適用されたスタイルはどれも効果がありません。ただし、「ボーダー」スタイルのいずれかをコメントアウトすると、他のスタイル (「背景」と「色」を含む) が突然機能します。また、単純に指定するとborder: 2px #AAA solid !important;、ルール全体が無視されます。何が起きてる？