css внутренняя граница, неработающая компоновка

Я разделил экран на множество div , чтобы они прилипали друг к другу (скажем, что-то вроде шахматной доски, но с полями переменных размеров). Я установил высоту и ширину , используя проценты (относительно родительского контейнера).

Теперь, когда я добавляю border: 1px к divs, все макеты разрываются ... Я полагаю, что граница добавляет 1 пиксель с каждой стороны, и решением будет добавить некоторую внутреннюю границу. Могу я как-нибудь добавить такую ​​внутреннюю границу?