title: Incorrect vertical alignment in IE8
body: <p>The default text in my search box looks fine in Chrome, FF, and Safari (vertical-align: middle).</p>
  
  <p>However, the <strong>default text rises to the top of the search box in IE 8</strong>.</p>
  
  <p>Is there a workaround for IE? Thanks for your help.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type="text" class="text" value="Search" title="Search" /&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.text {
      height: 47px;
      font-size: 18px;
      margin: 0; 
      padding: 0 5px 0 45px;
  }
  </code></pre>