無法正確顯示我的表單搜索圖像

Question

我已經嘗試了很多方法，而且我沒有成功地將搜索欄圖標懸浮起來。 我做錯了什麼？

HTML：

<section id="menu-container"> 
     <nav id="menu"> 
      <ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Products</a></li> 
       <li><a href="#">Contats</a></li> 
       <li><a href="#">Links</a></li> 
       <li id="search_menu"> 
        <form name="form1"> 
        <input type="search" name="search1" /> 
        </form> 
       </li> 
      </ul> 
     </nav> 
    </section> 

CSS：

#search_menu search input[type="search"] 
{ 
background:url(imagens/search-icon-2.png) no-repeat; 
height:62px; 
line-height:62px; 
} 

Answer 1

Working Fiddle

只是一個小變化

.asd 
{ 
    background:url(imagens/search-icon-2.png) no-repeat; 
    height:62px; 
    line-height:62px; 
    float:right; 
} 

nav{ 
    float:left; 
}