css li 배경 문제

Question

배경이있는 세로 메뉴가 있습니다. 배경을 오른쪽에서 중심으로 이동해야하지만이 작업을 수행 할 수 없습니다. http://www.tiikoni.com/tis/view/?id=b0b07d2

ul.nav 
{ 
margin:0; background-position:center; background-image: url(../images/nav_bg.gif);font-family: "Century Gothic"; height:40px; padding-left:30px; 
} 
ul.nav a{ 
height:19px;color:white;display:inline-block;font-family:Century Gothic,Arial;font- size:14px;padding:8px 20px 0 ;text-decoration:none !important;vertical-align:middle; 
} 
ul.nav a:hover 
{ 
color:white;display:inline-block;font-family:Century Gothic,Arial;font-size:14px;height:19px;background-image: url(../images/nav_over.gif); 
background-position: center top;background-repeat: no-repeat;text-decoration:none !important;vertical-align:middle; 
} 
* html ul.nav a 
{ 
color:white;display:inline-block;font-family:Century Gothic,Arial;font-size:14px;height:19px;text-decoration:none !important;vertical-align:middle; 
} 
ul.nav a.highlight{ 
color:white;display:inline-block;font-family:Century Gothic,Arial;font-size:14px;height:19px;text-decoration:none !important;vertical-align:middle; 
} 
ul.nav li{ 
    display: inline; 
    color:#FFF; 
    background-image: url(../images/white_dotline.gif); 
    background-repeat: no-repeat; 
    background-position:right center; 
    font-size:14px; 
    padding:8px 1px; 
    font-family:"Century Gothic"; 
    height:19px; 
    [height:19px; 
    height:20px;]/*Google Chrome, Opera and newer Safary 4+*/ 
    } 

Answer 1

당신은 수평 일광 측위 사용, 그리고 수직 위치는 50 %로 설정되는 것을 의미 배경에 위치하는 하나의 값을 규정했다. 두 위치를 모두 제어하려면 두 값을 지정해야합니다. 예 :

background-position: left center; 

Answer 2

가로 및 세로 위치는 background-position 속성에 의해 제어됩니다. 첫 번째 숫자는 가로 위치를 정의하고 두 번째 숫자는 세로 위치를 정의합니다.

단어 left, centerright과 같이 수평 예에 사용될 수 있고, 수직 것이 top, bottom 및 center이다. 픽셀 또는 ems 및 백분율과 같은 절대 위치를 사용할 수도 있습니다. 예를 들어

:

background-position: right top; /* positioned to the right and the top */ 
background-position: 100% 0; /* positioned 100% to the right and zero from the top (the same as above) */ 
background-position: 50px 200px; /* positioned 50px from the left and 100px from the top */