Problem med alignment

Jeg har følgende skema:

<table width="340" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="32" height="60"><img src="wbar_tl.gif" width="32" height="60"/></td>
    <td width="276" height="60"><h1>Meddelelser</h1></td>
    <td width="32" height="60"><img src="wbar_tr.gif" width="32" height="60"/></td>
  </tr>
</table>

med tilhørende CSS definition:

h1 {
    background-image:url(wbar_tm.gif);
    font-family:Verdana, Arial, Helvetica, sans-serif;
    height:25px;
    line-height:60px;
}

Mit problem er at jeg ikke kan kontrollerer vertikal allignment for grafikken i den midterste celle, der indeholder <h1> tagen.

Cellerne til venstre og højre indeholder hver et billede der er 60 pixel højt, og baggrundsbilledet på <h1> er ligelededes 60 pixel højt.

Hvis jeg ændrer "font-family" atributten til "font" så ser det korrekt ud i Dreamweaver og Opera browseren, men ikke i IE. Men så fejler W3C verificeringen af CSS filen.

Ovenstående kan verificeres af W3C, men grafikken ligger for langt nede i forhold til venstre og højre celles grafik.

Er der nogen der har en god idé til hvordan man styrer alignment for baggrundsbilledet på <h1> tagen?