title: CSS button image resizing
body: <p>I have a button with an image on it, though image is stretching to fit inside the button. I want to stop it from doing so and center the image vertically and horizontally but can't find a way to do so since the image is added to the button using the src attribute.   </p>
  
  <pre><code>    &lt;div id="form"&gt;
          &lt;input type="text"  value="Name"&gt;
          &lt;input type="text"  value="Email"&gt;
          &lt;textarea rows="7"&gt;Message&lt;/textarea&gt;
          &lt;input id="button" type="image" src="Images/send_icon.png"&gt;     
      &lt;/div&gt;
  </code></pre>