如何将我的导航栏进一步放在页面上？

Question

所以我正在玩我的学校网站项目的基于sprite的导航菜单，但似乎无法确定如何移动我的导航栏，以便向上移动而不拖动内容或任何其他方向。

我的CSS：

nav { 
    width:837px; 
    float:left; 
    margin:0px 0px 0px 30px; 
    background:url(../images/withtext.gif) repeat-x; 
    height:79px; 
    }  

#nav ul { 
    margin:4px 0px 0px 0px; 
    padding:0px; 
    list-style:none; 
    } 

#nav ul li {  
    float:left; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    color:#FFFFFF; 
    /*line-height:38px;*/ 
    padding:3px 50px 3px 50px; 
    border-right:1px #00222a solid; 
    margin:7px 0px 0px 0px; 
    } 

#nav ul li a { 
    float:left; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    color:#FFFFFF; 
    text-decoration:none; 
    } 

#nav ul li a:hover {  
    float:left; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    color:#FFFFFF; 
    text-decoration:underline; 
    } 

我如何才能将它呢？

Answer 1

使用position: relative和负top价值是如何做这件事：

nav { 
    width:837px; 
    float:left; 
    margin:0px 0px 0px 30px; 
    background:url(../images/withtext.gif) repeat-x; 
    height:79px; 
    position: relative; 
    top: -10px; 
}