如何將我的導航欄進一步放在頁面上？

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; 
}