margin неправильно работает

[T@NKIST]

Есть 3 блока

каждый со стилем

.socbutton{
    padding: 0 0 0 24px;
    height: 24px;
    margin: 3px 0;
    border: 1px solid #DEDFE0;
    background-color: #DEDFE0;
    font-size: 13px;
    cursor: pointer;
    color: #444;
}

и по идеи сверху и снизу блока должен быть отступ в 3 пикселя, что и доказывает хром

но на самом деле это не так

Что делать и как исправить без margin: 6px 0 0 0; и подобного?

[lexxcode]

все правильно. это называется схлопывание margin