spazio attorno al cntenuto di una tabella

[JANUS70]

Ciao ..
relativamente alla tabella dell'immagine che allego (che contiene 3 tasti) ..
mi piacerebbe capire come devo fare per eliminare lo spazio che c'è sotto ai tasti (tra tasto e bordo inferiore della tabella)

questo è il codice:

<div id="container_top">
    <table width="100%" border="1">            
        <tr>                                  
           <td align="center" valign="bottom"> 
           	  <form action="##" method="POST">                             
                <input id="tasto" type=submit value=Parentele>        
              </form>                                      
           </td>                

           <td align="center">
           	  <form action="##" method="POST">                            
                <input id="tasto" type=submit value=crediti>        
              </form> 
           </td>       
           
           <td align="center">
           	  <form action="##" method="POST">
                <input id="tasto" type=submit value=Fonte>        
              </form> 
           </td>                                 
       </tr>                                                                       
    </table>                  
</div>

il css:

#container_top   {background: url(image/topBk.jpg) repeat-x top #f1ea26;
                         margin:  1em;           
                         padding: 1em;   
                         -moz-border-radius: 10px; 
                         -webkit-border-radius: 10px;             
                        }      
    
 #tasto {width:100px;                                                     
                 height:30px;                                                 
                 -moz-border-radius  : 10px;                                  
                 -webkit-border-radius  : 10px;                               
                 background: url(image/tastoBk.jpg) center ;                  
                 border: 3px groove #00CA65 ;                                 
                 line-height:30px;                                            
                 cursor: pointer;                                             
                 font: bold 16px/1.5 Georgia, \"Times New Roman\", serif;     
                 font-style: italic;                                          
                 color:#222;                                                      
                }                                                                 
#tasto a:hover {	background : #FFCC00;                                   
                         outline:none;                                           
                      }

[ResianTaxidrive]

questo
line-height:30px;
potrebbe generare il problema. Mi sembra un valore troppo grande.

[JANUS70]

Originariamente inviato da ResianTaxidrive
questo
line-height:30px;
potrebbe generare il problema. Mi sembra un valore troppo grande.

No .. posso anche togliere la riga
non cambia niente

[Prill]

Copiando e incollando il tuo codice, non noto nessuno spazio su Firefox ma lo noto invece su Explorer. Azzera i margini, o il solo margin-bottom sul form

[JANUS70]

ok .. grazie