[Resolvido] Problema no hover em botão com imagem de fundo

Fala galera do iMasters! Estou desenvolvendo um projeto para um cliente e estou enfrentando um probleminha.

Primeiro, o site é esse: http://www.boost.art.br/dev/lmt

Todos os botões nessa página(→ Visualizar a notícia completa, Completar inscrição, etc) usam a mesma classe, básicamente <p class="botao"><a href="#">botao</a></p> sendo <p> uma imagem pequena na direita que ficam no fim do botao e <a> a imagem grande que se estica de acordo com o tamanho do botão.

 

Tudo funciona muito bem, o problema é que no hover o <a> muda a imagem separado do <p>, além de que o fim do botão (<p>) não é linkado.

Não sei explicar de forma simples ou menos técnica. Com certeza o cliente não vai notar, mas sou chato com essas coisas. Então se alguém souber de um jeito melhor, ou como arrumar isso, de preferência sem hacks javascript ou css3 eu agradeço! Abraço!