이 div를 화면 상단의 가운데에 정렬합니까?

-1

내가 지금 가지고있는 것은 네비게이션 바가 들어있는 div입니다. 원하는 것은 네비게이션 바를 te top의 화면 가운데에 놓는 것입니다. 어떤 해상도에 상관없이?이 div를 화면 상단의 가운데에 정렬합니까?

<div class="navigation" > 
    <ul> 
     <li><a href="#"><span>Homepage</span></a></li> 
     <li><a href="#"><span>Products and Services</span></a></li> 
     <li><a href="#"><span>Contact Us</span></a></li> 
    </ul> 
</div>

CSS code

body { 
    margin:0px; 
    padding:0px; 
    background-image:url('/img/pattern.jpg'); 
} 

#footer { 
    position:absolute; 
    bottom:0; 
    width:100%; 
    height:60px; /* Height of the footer */ 
    background:#6cf; 
} 

#header { 
    background-image:url('/img/header_img.png'); 
    padding:10px; 
    height:100px; 
} 


.navigation { 
    background: url(images/navigation.png); 
    height: 134px; 
    overflow: auto; 
    display: block; 
    float: left; 
    width: 500px; 
} 
.navigation * { 
    padding:0; 
    margin:0; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 13px; 
    text-transform: uppercase; 
} 
.navigation ul { 
    display: block; 
    float: left; 
    padding: 0px 0 0 0; 
    margin: 37px 0 0 20px; 
} 
.navigation ul li { 
    background-color:White; 
    list-style: none; 
    float: left; 
    margin: 0 0 0 5px; 
    border-radius: 10px; 
} 

.navigation ul li a { 
    background-image:url(img/navbutton_back.png); 
    display: block; 
    padding: 0 13px 0 0; 
    color: #578ba0; 
    text-decoration: none 
} 
.navigation ul li.selected a, 
.navigation ul li.hover a { 
    background-image:url(img/navbutton_back.png); 
    color: #578ba0; 
} 

.navigation ul li a span { 
    background-image:url(img/navbutton_back.png); 
    display: block; 
    padding: 15px 10px 10px 23px; 
} 
.navigation ul li.selected a span, 
.navigation ul li.hover a span { 
    background-image:url(img/navbutton_back.png); 
}

출처

2013-05-23 user2413519

, 다음 시간은 (만약에의 링크를 제공하는 자신을 제한하지 마십시오 서비스가 다운 되었습니까?), 질문에 소스 코드를 삽입하십시오. – Ragnarokkr