Efeito indesejado com menu em linha

Bom, fiz o menu de meu site in-line.

Ta tudo certo e tals, no IE funciona maravilhas (o que é mais importante, segundo o cliente), mas no Firefox o menu fica clicável só nas bordas das caixas.

Problema esse pq quis que o texto fosse substituido por imagem, e usei o seguinte código no css:

ul li.menu_home a {background:url(images/bot_home.gif) no-repeat; width:118px; display:block; height:31px;}ul li.menu_home a:hover{background:url(images/bot_home_f2.gif) no-repeat; }

alguém saberia me ajudar? quero que a caixa toda fique clicável no Firefox tbm!

avlew,

um abraço!