Проблема с отступами (display: teble;)

[viktorio]

В общем такая структура веб страницы: есть 2 сайдбара (каждый display:table-cell;) по бокам и контент (display:table-cell;) по середине. Все это упаковано в div c display: table; 
Проблема заключается в том, что когда я делаю у среднего блока отступ внтури (padding) он как то применяется и к боковым колонкам. Почему, посоветуйте что-то дельное - в чем причина?

 

Примечание №1 11 мая 2014 г., 1:14:50

проблема именно с верхним отступом

Примечание №2 11 мая 2014 г., 1:17:38

чтоб конкретнее то я не у самого среднего блока делаю а у его ребенка, то есть у блока который внутри среднего. Пишу padding: 20px;
у боковых стоит padding:0 25px; но почему-то верхний отступ у них как то появляется. Если в инспекторе снять галочку с  padding: 20px; пропадает и верхний отступ у боковых 

Примечание №4 11 мая 2014 г., 1:45:05

кстати то же самое и с внешним отступом - margin

http://jsfiddle.net/h5NBG/

[SelenIT]

По умолчанию у большинства элементов стоит vertical-align: baseline, для table-cell'ов это выравнивает первые строки текста в них. Поставьте хотя бы для одного класса vertical-align: top. А вот margin для table-cell, по идее, должен вообще игнорироваться...

[viktorio]

По умолчанию у большинства элементов стоит vertical-align: baseline, для table-cell'ов это выравнивает первые строки текста в них. Поставьте хотя бы для одного класса vertical-align: top. А вот margin для table-cell, по идее, должен вообще игнорироваться...

Спасибо, отлично просто - помогло (по поводу margin - это не у самого блока с дисплеем table-cell, а у его ребенка)