Can´t float right my form search image

Question

I already tried many ways and I´m not having sucess floating right my search-bar-icon. What I´m doing wrong?

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

Just a Small Change

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

nav{
   float:left;
}