Menu s obrázkovými tlačítky

Zdravím,
pracuji na jednom webu a narazil jsem na problém který nedokážu nijak vyřešit. Jedná se o web na adrese avk.nymburk.cz a konkrétně jde o to, že na tlačítka v menu vlevo se dá klepnout jen u jejich pravého okraje. Projevuje se to ale jen ve Firefoxu, v IE 7 je to OK, jiné prohlížeče jsem netestoval.
Díky za rady. K.

Zde připojuji část(tu problémovou) stylu, který stránka používá:
body {
margin: 0px;
padding: 0px;
margin-bottom: 5px;
text-align: center;
overflow: auto;
background-image: url(grafika/Background_body.png);
}

.all {
position:relative;
width: 804px;
text-align: left;
height: 604px;
background-color: white;
margin-left: auto;
margin-right: auto;
margin-top: 5em;
padding: 0px;
border: 4px #C72C16 solid;
}

.reklama {
position: absolute;
padding-left:40px;
padding-top:440px;
}

.nastenka {
text-align: center;
}

.menu {
position: absolute;
top: 160px;
list-style-type: none;
padding-left: 0px;
display: list-item;
}

a.button {
width: 150px;
height: 30px;
padding-left: 0px;
padding-top: 0px;
color: green;
border-style: none;
border: 0px;
display: block;
}

a.button:hover {
width: 150px;
height: 30px;
display: list-item;
padding-left: 2px;
padding-top: 0px;
border-style: none;
border: 0px;
display: block;
}

a.button:active {
width: 150px;
height: 30px;
display: block;
padding-left: 2px;
padding-top: 0px;
color: green;
border: 0px;
border-style: none;
}

Diky.