Schrift vertikal zentrieren

ich hab n problem

ich will buttons beschriften so nur leider bekom ich die schrift zwar in die mitte mit
align:center

aber wie bekomm ichs so hin das es auch vertikal zentriert ist.....

hier der css code:

#navi {
 width:800px;
 height:46px;
 }
.button {
 width:100px;
 height:46px;
 display: block;
 margin: 0 auto;
 background:url(../Bilder/button.gif);
 font-family:Verdana;
 font-size:12px;
 color:#000;
 text-decoration:none;
 text-align:center;
 float:left;
 }
.button:hover {
  background-position:0 -46px;
 }

und hier der html code:

<div id="navi">
  [url='']Home[/url]
  [url=''][/url]
  [url=''][/url]
  [url=''][/url]
  [url=''][/url]
  [url=''][/url]
  [url=''][/url]
  [url=''][/url]
 </div>

ich hoffe ihr könnt mir helfen...

mfg Cy

hat sich erledigt habs hinbekommen kann geclosed werden...#

habs mit line height: hinbekommen aber wenns ne bessere lösung gibt gerne sagen

mfg Cy

ehm ich ich habs editiert nachdem driver mich drauf hingewiesen hat also ist alles in ordnung
mache ungern doppelposts^^