Почему в FF пропадает бордер у элемента?

Ну почти так, я говорю что все должно быть в меру(как на твоем упрощенном примере))), а когда открываешь такое:
.b-pages__b-applicability {
background: @white;

color: @white;

text-align: center;

.b-wrap {
position: static; //I should stretch b-parallax-bg block,
// but if I still position: relative b-parallax-bg don't
// stretch by 100%
}

.b-content__header {
margin-bottom: 51px;

.md-desk_min({
margin-bottom: 14px;
});

.h1 {
margin-bottom: 15px;

color: @white;

.md-desk_min({
margin-bottom: 13px;
});
}

p {
width: 590px;

margin: 0 auto;

line-height: 1.6;
letter-spacing: .0125em;

.md-desk_min({
width: 470px;
});
}
}
}

.l-applicability-text-info {
min-height: 190px;

.md-desk_min({
min-height: 145px;
});

li {
display: none;

&.active {
display: block;
}
}
}

.l-applicability-nav {
@ml: 75px;
@ml_md-desk_min: 56px;

@w-icon: 105px;
@w-icon_md-desk_min: 85px;
@h-icon: 105px;
@h-icon_md-desk_min: 85px;
@brd_w-icon: 2px;

@w-icon_before_hover: 240px;
@h-icon_before_hover: 240px;

margin: 0 0 104px -@ml;

.md-desk_min({
margin: 0 0 37px -@ml_md-desk_min;
});

.b-inline(~'li');

li {
margin-left: @ml;

cursor: pointer;

.pos-image(5; 1; 0; 0; @w-icon; 5px; 2px; ~'.icon');

.md-desk_min({
margin-left: @ml_md-desk_min;

.pos-image(5; 1; 0; 0; @w-icon_md-desk_min; 5px; 2px; ~'.icon');
});

header {
opacity: .8;

transition: opacity @anim_time-l-applicability__icon;
}

&:hover {

header {
opacity: 1;
}
}

&.active {

header {
opacity: 1;
}

.icon {
border-color: @brand-warning;

&:before {
width: @w-icon_before_hover;
height: @h-icon_before_hover;

top: -( @h-icon_before_hover - (@h-icon - @brd_w-icon) )/2;
left: -( @w-icon_before_hover - (@w-icon - @brd_w-icon) )/2;
visibility: visible;

border-color: transparent;

transition: all 1s;
}
}

p {
opacity: 1;

padding: 22px 0 0 0;
}
}

.icon {
brd: 2px;

width: @w-icon;
height: @w-icon;

position: relative;
z-index: 1;

margin: 0 auto 14px;
border-radius: 50%;
border: brd solid transparent;

transition: border-color .2s;

.sprite();

.md-desk_min({
width: @w-icon_md-desk_min;
height: @w-icon_md-desk_min;

margin-bottom: -1px;
});

&:before {
content: '';

width: @w-icon;
height: @h-icon;

position: absolute;
top: -@brd_w-icon;
left: -@brd_w-icon;
z-index: 0;

visibility: hidden;

border: 1px solid @white;
border-radius: 50%;

transition: all step-start;
}
}
}

p {
opacity: .8;

margin-bottom: 0;
padding: 0 0 42px 0;

font-size: @font-size-small;
font-weight: 500;
letter-spacing: .016em;

text-transform: uppercase;

transition: padding 1s,
}
}
руки опускаются.
P.S. Это Максим, и я все читал))