Сложно описать словами, поэтому вот jsFiddle, показывающий это.
При наведении курсора на один из зеленых блоков я хотел, чтобы его фон расширился настолько, чтобы «касаться» смежных прямоугольников (перекрывая их поля). Однако при наведении курсора на последний блок каждой строки макет сходит с ума: в строке ниже отображается только один элемент и т. Д.
Причина, кажется, проистекает из отрицательной границы; поскольку, если поле для «расширенного» класса установлено равным 0 вместо -5, этой проблемы не возникает. Но, конечно, это оставит пространство между блоками.
Размер родительского контейнера, похоже, не меняет этого. Обратите внимание, что на данный момент меня не особо беспокоит тот факт, что расширенный блок плохо центрирован и заставляет другие в его строке немного качаться, хотя это может быть связано с проблемой.