title: Moving the text up?
body: <p>I have this <a href="http://posnation.com/our_customers/" rel="nofollow">page</a> and if you look at the top right search...i need to move the text search just about 2px to make it center with the image but i text-align vertical-align or padding are not doing what i want here is my css </p>
  
  <pre><code>#Search {
  background: url("/images/no-letters-search.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  font-size: 15px;
  height: 37px;
  left: 31px;
  padding-left: 26px;
  position: relative;
  top: -3px;
  width: 175px;
  font-family: Helvetica, sans-serif;
  }
  </code></pre>
  
  <p>and here is my html</p>
  
  <pre><code>&lt;form id="search_form" method="post" action="/mm5/merchant.mvc?"&gt;
   &lt;input type="text" name="Search" id="Search" tabindex="0" /&gt;
   &lt;input name="Screen" type="hidden" value="SRCH" /&gt;
  &lt;/form&gt;
  </code></pre>