title: CSS Search box won't float left
body: <p>I have this </p>
  
  <pre><code>            &lt;td width="312" valign="center" height="157" background="{{ 'BT_S3.png' | asset_url }}"&gt;
               &lt;div style="width:95%; text-align: left; height:52px; background-image:url('{{ 'search_bar.png' | asset_url }}');" float="left"&gt;
              &lt;form action="/search" method="get"&gt;
              &lt;input type="text" name="q" src="{{ 'search_bar.png' | asset_url }}" /&gt;
              &lt;input type="image" value="Search"  src="{{ 'search_button.png' | asset_url }}"  /&gt;
              &lt;/form&gt;
              &lt;/div&gt;
              &lt;/td&gt;
  </code></pre>
  
  <p>This is my HTML for my search box located at 
  <a href="http://clarkbetty.myshopify.com/#" rel="nofollow">http://clarkbetty.myshopify.com/#</a>
  Password: betweu</p>
  
  <p>I would like the search button to float so that the search box and button are on the same line. I have tried a lot of things but nothing works. Can someone help?</p>