применить тень только к верхней границе?

Как применить тень к определенному краю границы?

Например, у меня есть следующий код:

header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
    padding-top:25px;
}

Я хочу, чтобы тень (1px 1px 1px #cdcdcd) применялась только к верхней границе.

Как лучше всего это сделать?

РЕДАКТИРОВАТЬ

Это, по сути, то, что я ищу

div {
    border-top: 1px solid #202020;
    margin-top: 25px;
    margin-left:25px;
    width: 158px;
    padding-top:25px;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
}

Тем не менее, тень, кажется, зависит от заполнения. Можно ли как-то прикрепить тень только к границе без настройки отступов?