Criar botões com label flexível

Criei uma imagem de fundo base que é um molde de botão, e minha idéia era

aplicar o rótulo, texto do botão, de forma flexível, tipo assim:

Essa é a definição CSS pro link

a.botao:link { background-image: url("/imagens/botao.gif"); background-repeat: no-repeat; color: #FFF; cursor: pointer; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; height: 25px; text-align: center; text-decoration: none; width: 91px; }

E uso assim na página:

<td height="100%"> <a href="javascript:fNovo()" class="botao">Novo</a> </td>

 Ou seja, sempre que precisar de um botão é só setar o href e colocar o texto

que desejar. Alguém tem alguma sugestão de como fazer isso de outra forma?

E mais importante, desse jeito funcionou, o único problema é que o texto fica

muito pra cima, já tentei alinhar, centralizar, mas não cosegui... será que é possível?

Obrigado!