Firefox игнорирует границы в пользовательском стиле, если я не укажу все четыре стороны

Question

Я пытаюсь написать пользовательский стиль для этой страницы, используя Stylish в 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 */

Проблема связана с самым последним правилом, которое должно повлиять на кнопку "следовать" под заголовком потока. (В моем случае это кнопка "после", но правило должно повлиять на нее в любом случае.) Ни один из примененных к ней стилей не оказывает никакого влияния. Однако, если я закомментирую какой-либо из стилей "рамки", другие s(включая "фон" и "цвет") неожиданно сработают. Указав просто border: 2px #AAA solid !important; также вызывает игнорирование всего правила. Что тут происходит?