css a标签设置成block后，怎么让文字垂直居中

唉，好像挺老的问题，但是我怎么弄不到居中的。

我vertical-align试过了，用height 跟line-height相等我试过了，不行。

    <table class="tbMain">

        <tr>

           <td style="border-top: 1px solid #ccc;">

             <a  href="#" onclick="openPage(1,this)">

                <img src="App_Themes/Default/Images/08.png" /><br />

                   免责声明 </a></td>

             <td style="border-top: 1px solid #ccc;">

              <a href="#" onclick="openPage(2,this)">

                   <img src="App_Themes/Default/Images/08.png" /><br />

                     个人信息</a></td>

             <td style="border-top: 1px solid #ccc;">

                  <a href="#" onclick="openPage(3,this)">

                    <img src="App_Themes/Default/Images/08.png" /><br />

                      密码修改</a></td>

        </tr>

</table>

    <style>

.tbMain

    {

     overflow: hidden;

    text-align: center;

   text-shadow: 0 1px 0 #fff;

    width: 100%;

     font-size: 0.8em;

 }



 .tbMain td

     {

  border-bottom: 1px solid #ccc;

  width: 33%;

  border-right: 1px solid #ccc;

overflow: hidden;

 background-color: #eee;

 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  background-image: linear-gradient(#fff, #f1f1f1);

  cursor:pointer;

  }



 .tbMain td:hover

 {

 background-image: linear-gradient(#67A2CD, #DBEAF9);

  }

   .tbMain a

  {

  display:block;width:100%; height:100%; line-height:100%;    /*vertical-align:middle;*/

   }

  .tbMain a:hover

  {

 font-weight: bolder;

 color: #fff;

text-decoration: none;

   }



  .tbMain a:link

  {

color: #808080;

  text-decoration: none;

    }

            </style>

后来我以为height:100%,有问题，然后我初始化的时候，动态修改css的line-height跟height的值为具体的值，结果a标签拉的好高好高