title: Extra Padding on top of Submit Button
body: <p>I can't get rid of the extra padding on top of a submit button. I've tried everything from adjusting the height, to line-height, to padding, to margin, nothing seems to work. Basically, instead of the "go" text showing up in the bottom of the field, I want it to be centered, and I just can't figure out how to do it.</p>
  
  <p>CSS:</p>
  
  <pre><code>@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:700);
  
  input[type=submit] {
      background: #CDA91B;
      border: 0;
      color: #FFF;
      font-family: "Libre Baskerville", Libre Baskerville, Times New Roman, Times, serif;
      font-size: 20px;
      font-weight: 700;
      height: 25px;
      margin: 0;
      padding: 0;
      text-transform: lowercase;
      vertical-align: top;
      /* css3 */
      -webkit-transition: background 0.25s;
      -moz-transition: background 0.25s;
      -ms-transition: background 0.25s;
      -o-transition: background 0.25s;
      transition: background 0.25s;
  }
  
      input[type=submit]:hover {
          background: #E5BE1E;
          cursor: pointer;
      }
  </code></pre>
  
  <p>Demo:</p>
  
  <p><a href="http://jsfiddle.net/Y3Pfj/" rel="nofollow">http://jsfiddle.net/Y3Pfj/</a></p>
  
  <p>UPDATE: I realize it's part of the font, I just used "Padding" to describe the area. Obviously it's not actually padding.</p>
  
  <p>Additionally, the button needs to be the same height as it is now. I'm starting to think I may have to just make a background image, unfortunately. </p>