Html Can´；t向右浮动我的表单搜索图像

我已经尝试了很多方法，但我没有成功地将搜索栏图标向右浮动。 我做错了什么

Html:

只是一点零钱

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

nav{
   float:left;
}

---

谢谢，但问题是我希望菜单只有960px，我想在960px中向右浮动我的搜索表单，但不知道为什么它不会发生，搜索表单向右浮动，但在页面的100%中。就像这里：谢谢，现在它工作了，我把表格放进去了。顺便问一下，你知道我如何隐藏输入字段吗？因为我只想显示图标。然后我会尝试，当我点击搜索图标时，输入字段会打开，可能是jquery或其他什么。使用CSS：谢谢，我现在明白为什么我的div不能向右浮动了。因为我使用的是搜索图标，输入是向右浮动，但图标不是，我希望图标向右浮动。没有办法隐藏输入字段，这样我的图标就可以浮动了，对吗？抱歉打扰了！

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

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

nav{
   float:left;
}