Css 移动元素时使边框自上而下，而使边框顶部保持在位？

我有一个垂直的标题和我的标志和导航，由一个边框分隔。我想保持标志和边框的位置，同时将导航元素向下移动25像素。我如何做到这一点

header {
    background: none;
    float: left;
    margin-top: 123px;
    margin-left: 22px;
    position: fixed;
    width: 158px; 
}
header logo {
    margin-top: ;

}
header nav {
    border-top: 1px solid #202020;
    margin-top: 25px;
    width: 158px;
}
header nav ul li {
    font-family: dalle;
    padding-left: 55px;
}

<header>
        <logo>
            <a href="#"><img src="img/logo.png" alt="whskytngfxtrt logo" height="139" width="158" /></a></li>
        </logo><!-- end logo -->
        <nav>
            <ul>
                <li id="blog"><a href="#">BLOG</a></li>
                <li id="work"><a href="#">WORK</a></li>
                <li id="about"><a href="#">ABOUT</a></li>
                <li id="contact"><a href="#">CONTACT</a></li>
            </ul>
        </nav><!-- end nav -->
    </header><!-- end header -->

标题{
背景：无；
浮动：左；
利润上限：123px；
左边距：22px；
位置：固定；
宽度：158px；
}
标题标志{
页边空白处：；
}
标题导航{
边框顶部：1px实心#202020；
边缘顶部：25px；
宽度：158px；
}
标题nav ul li{
字体系列：dalle；
左侧填充：55px；
}

只需将

填充顶部：25px

添加到

标题导航中即可：

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

只需将
padding top:25px
添加到
标题导航中即可：

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

附加css：

header nav ul { margin-top:25px }

附加css：

header nav ul { margin-top:25px }

仅供参考-定制标签可能不是个好主意
logo
不是一个真正的HTML标签，我也不确定现代浏览器的功能，但我知道过去我也尝试过类似的东西，但在IE上遇到了问题。你应该只使用
div
。Ryan P是对的。您还可以将
类
或
id
添加到
div
中，以便更容易使用css进行定位。别忘了接受一个有用的答案！：）@瑞安-谢谢你的意见，我会做出改变的！仅供参考-定制标签可能不是个好主意
logo
不是一个真正的HTML标签，我也不确定现代浏览器的功能，但我知道过去我也尝试过类似的东西，但在IE上遇到了问题。你应该只使用
div
。Ryan P是对的。您还可以将
类
或
id
添加到
div
中，以便更容易使用css进行定位。别忘了接受一个有用的答案！：）@瑞安-谢谢你的意见，我会做出改变的！