title: CSS to hide INPUT BUTTON value text
body: <p>I am currently styling an <code>&lt;input type='button'/&gt;</code> element with the following CSS:</p>
  
  <pre><code>background: transparent url(someimage);
  color: transparent;
  </code></pre>
  
  <p>I want the button to show as an image, but I don't want the <code>value</code> text to display on top of it. This works fine for Firefox as expected. However, on Internet Explorer 6 and Internet Explorer 7 I can still see the text.</p>
  
  <p>I have tried all sorts of tricks to hide the text, but without success. Is there a solution to make Internet Explorer behave?</p>
  
  <p>(I am constrained to use <code>type=button</code> because this is a Drupal form and its form API doesn't support image-type.)</p>