Фиксированный встроенный блок div с отрицательным полем-правым и смещением числа с плавающей запятой: что особенного в -4px?

Это странно. Я пытаюсь иметь div фиксированной ширины рядом с div с плавающей точкой вправо, и я не хочу менять порядок div (потому что это распределенная тема). Итак, я играю с отрицательным margin-right на фиксированном div и получаю то, что мне кажется странным: если оно -4px или меньше, то плавающий элемент перемещается в сторону; в противном случае он останется внизу.

Поиграйте с живой демонстрацией с кодом на jsbin , который имеет следующее:

Может кто-нибудь объяснить тайну? Что особенного в числе -4 в этом случае?