Два блока с заданной одинаковой высотой выводятся разными по высоте

Сделан блок "кнопок" сбоку страницы, с выплывающим нижним блоком. В зависимости от {margin-bottom} блока [.block-for-one] у разных кнопок вылазит снизу нижняя граница.

Как сделать полностью одинаковыми по высоте верхний и нижний блок? Хотя они одной высоты.

Возможно что-то зависит от того как браузер рендит страницы, на мобильных устройствах, например, нет такого нежелательного эффекта. Возможно это только в Firefox. Наверно какое-то свойство не поддерживается

Ну ладно бы все блоки смещались, а то ведь только некоторые, и всё время разные в зависимости от того, что убираешь. На сместившиеся блоки помогает {top:-1px;}, но он и нормальные сдвигает.

Если сделать высоту главного первого родительского блока {height: 50px;} нижняя граница появится у красного блока, вместо черного.

Сайт http://jurvrn.ru

Код не выкладываю, хотелось бы разобраться на живом сайте.