problema con allineamento tasti menu

[blur]

ciao,

non riesco ad allineare orizzontalmente i tasti di un menu che hanno un' immagine di background.
nel primo tasto l'immagine risulta tagliata, poi gli altri non sono allineati....non capisco perchè...

questo è il css:

		#menu_top { /* è il div contenitore del menu */
                         background-color:transparent;
                         padding:50 0;
                         text-align:left;
                         border:0px solid red
                      }

ul.nav1 {   /* menu dei tasti */
             text-align:center;
             font-family: Arial, 'Trebuchet MS', Helvetica, 'Lucida Grande', Verdana, Sans-Serif;
             font-size:14px;
             color:#01427a;
             font-weight: bold;
             list-style:none;
             margin:0; padding:0;
             background:#fff;
             border:0px solid yellow
         }


ul.nav1 li a { border:0px solid green;
                  display:inline;
                  padding: 30px;
                  color:#01427a;
                  text-decoration:none;
                  height:6em;line-height:6em;
                  background:#fff url(../immagini/tasto.jpg) no-repeat center;
                }


ul.nav1 li { display:inline }
ul.nav1 li a:link, ul.nav1 li a:visited { display:inline;}
ul.nav1 li a:hover, ul.nav1 li a:active { color:#01427a;padding:30px; color:#01427a; text-decoration:underline;}

e il risultato

[blur]

up...