不能浮动我的表格搜索图像

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