title: Adding an image to submit button using CSS
body: <p>I'm attempting to use CSS in order to make a sumbit button containing an image. Here's the code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="submit" id="search" name="submit" alt="search" &gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>input#search{
      background:url(../search-icon.png);
      background-repeat: no-repeat;
      width:40px;
      height:40px;
  }
  </code></pre>
  
  <p>This returns this submit button, but I don't want the word 'submit' or the gray square box to appear.</p>
  
  <p><img src="https://i.stack.imgur.com/KGRI1.png" alt="http://cs12jcw.icsnewmedia.net/screenshot.png"></p>
  
  <p>If anyone could suggest what the problem might be, it would be greatly appreciated.</p>