#board li.pressed{
    background: #ccc;
    box-shadow: none;
    margin-top: 9px;
    margin-bottom: 1px;
}

上記の

margin-top: 9px;
margin-bottom: 1px;

ですがそれぞれ9px,1pxになる考え方がわかりません。