Как свернуть границы набора элементов div с помощью CSS? ⇐ Html

[Anonymous]

У меня есть сетка, состоящая из элементов div с фиксированной шириной и границей в 1 пиксель. Теперь, когда два элемента div соприкасаются друг с другом, граница, очевидно, становится 2 пикселя.
Как я могу получить рамку шириной 1 пиксель во всей сетке?
Вот что я имею в виду:


http://jsfiddle.net/Before/4uPtj/

Код: Выделить всё

div.gridcontainer {
width: 80px;
line-height: 0;
}

div.griditem {
display: inline-block;
border: 1px solid black;
width: 18px;
height: 18px;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/100 ... -using-css