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

[Anonymous]

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


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





CSS:
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