title: How to target input value and remove text in IE7
body: <p>I have an <code>input</code> field for a submit button:</p>
  
  <pre><code>&lt;input id="searchSubmit" type="submit" value="Search" /&gt;
  </code></pre>
  
  <p>In <code>CSS</code> I put a background image over the button to look like a magnify glass instead of the default button.</p>
  
  <p>This works in most browsers but I am having problems with IE 7 and the <code>value</code> text showing over the top of the image.</p>
  
  <p>Is there a simple way to get rid of this text without removing it from the <code>value</code> field of the <code>input</code> element?  Something to the effect of:</p>
  
  <pre><code>#searchSubmit input[type="submit"][value=Search] {
      text-indent:-999em !important;
  }
  </code></pre>
  
  <p>Any ideas?</p>