title: Textbox with search icon placement
body: <p>I am not very good at CSS, the textbox has been aligned to right, I tried putting the search icon into the textbox, it just can't go in. Here are the code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #textbox-search{overflow:auto;}
  
  #textbox-search input.searchkeyword {
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       border:1px solid #8e8e8e;
       background-color:#f5f5f5;
       height:16px;
       padding:-4px;
       padding-left:-48px;
       color:#4a4a4a;
       float:right;
   }
  
  #textbox-search input.button{
      border:0;
      padding:4px;
      margint:0 0 0 600px;
      width:24px;
      height:24px;
      background:transparent url('images/search.png') center center  no-repeat;
      float:right;
  
  }
  &lt;/style&gt;
  
  &lt;form id="textbox-search"&gt;
  &lt;input type="submit" class="button" value="" /&gt;
  &lt;input type="text" class="searchkeyword" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>UPDATE : <img src="https://i.stack.imgur.com/srq63.png" alt="enter image description here"></p>