title: CSS Button - Vertically centre text
body: <p>I have a Button that is a simple anchor tag styled with the following - </p>
  
  <pre><code>.buyBtn{ 
     background:url(../images/buyBtn.png) no-repeat; 
     padding-top:4px; 
     width:97px;     
     height:28px; 
     margin-top:14px;
  }
  .buyBtn a{
     color:#fff!important; 
     font-weight:normal!important; 
     text-decoration:none;
     padding-left:27px;  
     padding-top:12px; 
     text-shadow:none!important;
  }
  </code></pre>
  
  <p>I'm having problems vertically centering the text within the button, it appears fine in some devices, but off centre in others.  </p>
  
  <p>Can anybody recommend a way to fix this or a better solution to achieve the same result?</p>
  
  <p>Cheers</p>