vertical-align Problem bei display:block!

[Kevin Wiedener]

Hallo, hier ist meine HTML-Datei:

<table border="0" cellspacing="0" cellpadding="0" class="tb" width="200">
  <tr>
  <td class="titel" colspan="2" height="25" background="pics/head_blue.jpg" align="center">
  Test
  </td>
  </tr>
  <tr>
  <td width="50" bgcolor="#FFC000" align="center"><img src="pics/package.png"></td>
  <td width="150" bgcolor="#FFFFFF" valign="middle"><a href="opferbix.html" class="block">Opferbix</a></td>
  </tr>
  </table>

<br>

Und hier der dazugehörige Teil aus der css-Datei:

a.block:link {
 color: #000000;
 background:#FFFFFF;
 display:block;
 text-align:center;
 vertical-align:middle;
 width:150px;
 height:30px;
 border:black solid 0px;
 padding:0px;
 text-decoration:none;
 font:12px verdana;
}

a.block:visited {
 color: #000000;
 background:#FFFFFF;
 display:block;
 text-align:center;
 vertical-align:middle;
 width:150px;
 height:30px;
 border:black solid 0px;
 padding:0px;
 text-decoration:none;
 font:12px verdana;
}

a.block:active {
 color: #000000;
 background:#FFFFFF;
 display:block;
 text-align:center;
 vertical-align:middle;
 width:150px;
 height:30px;
 border:black solid 0px;
 padding:0px;
 text-decoration:none;
 font:12px verdana;
}

a.block:hover{
 color: #000000;
background-color:#6C92EA;}

Das Problem ist nun die Zeile vertical-align:middle! Das wird einfach nicht richtig dargestellt bei mir (IE). Der Text ist trotzdem noch oben an den Block gepresst und nicht zentriert (also von der Höhe). Was mache ich falsch und wie kann ich dieses Problem lösen?

Vielen Dank

Gruß

Kevin