Разрыв между таблицей и div

Question

У меня есть 3 плавающих div внутри тд.Divs трогают друг друга без разрыва, но есть разрыв между столом или тд (выглядит как граница 1px).Я попытался:

margin:0
padding:0
border: 0 
cellspacing: 0 
cellpadding: 0
border-collapse:collapse

Вот мой jfiddle: http://jsfiddle.net/tcHKB/5/ Я изменил его, чтобы попытаться выделить проблему.Вы не можете видеть верхний зазор, но вы можете увидеть белый зазор справа от поля с надписью «left» и слева от поля с надписью «right»

Answer 1

Свойство width в DIV не соответствует ширине ячейки.

Соответствующий CSS:

.MCmiddle{
    width: 732px;
}
#main_content_box{
   width: 730px;
}

Либо измените ширину #main_content_box на 732px, или изменить ширину .MCmiddle на 730px.

Fiddle: http://jsfiddle.net/tcHKB/7/