CSS 탐색 및 배경 이미지

나는 CSS 탐색CSS 탐색 및 배경 이미지

.navigation{ 
    float:right; 
    width:718px; 
    background-image:url('http://inauguralseason.com/images/nav.png'); 
} 

.navigation ul { 
    float: right; 
    list-style-type: none; 
    margin: 0; 
} 

.navigation li { 
    float: left; 
} 

.navigation ul a { 
    color: #FFF; 
    display: block; 
    padding: 0 65px 0 0; 
    text-decoration: none; 
}

그러나 배경 이미지가 표시되지 않습니다, 내 탐색 내가

이

.navigation li { 
    float: left; 
}

배경 이미지가 나타납니다이 줄을 제거 할 수 있지만 때 얼마나 있나이다가 수평으로 정렬되지 않았습니다.

아이디어가 있으십니까?

다음은 HTML을 이미지가

<div class="navigation"> 
<ul> 
<li><a href="#">Shop</a></li> 
<li><a href="#">Our Collection</a></li> 
<li><a href="#">About Us</a></li> 
<li><a href="#">Contact</a></li> 
<li><a href="#">News</a></li> 

</ul> 

</div>

감사

출처

2012-09-22 user1269625

네비게이션에 특정 '높이'를 지정하십시오. –

OP의 질문은 jsfiddle : http://jsfiddle.net/McWE3/ – Satya

@Satya는 jsfiddle의 출력에 표시되지 않습니다. 한 번 확인하십시오. –