Всем привет,меня интересует следующий вопрос :

сделал навигацию на сайта    которая состоит из  4 блоков div т.е.

<div id="#"> Main </div>
<div id="#"> About </div>
<div id="#"> Gallery </div>
<div id="#"> Contact </div> 

и в css оформил их в рамку  т.е.
<style type="text/css >
#Main{
 border:2px solid #000;
#About{
 border:2px solid #000
#Gallery{
 border:2px solid #000
#Contact{
 border:2px solid #000
</style>

Вопрос в следующем :  у меня как вы догадались 1 рамка с лева от main получается 2px а далее они состыкуются т.е. main с права с about , about с права с gallery и получается по центру уже нифига не 2px а 4px  
  Это тоже самое что в тэге <table> свойство collapse такое есть вот ....подскажите  как этот же самый эффект получить  как у collapse только для блоков div , а то у меня  то не table.....

Спасибо!
  

https://jsfiddle.net/n3kcb9a4/

ой Спасибо!