Alinear verticalmente texto en una celda en IE8

[Paramericano]

Iniciado por cesmichael

Esto es algo trivial pero me está generando varios problemas ya que en el Firefox el texto aparece alineado verticalmente y en el IE8 no

Buenoaqui dejo el codigo

Código HTML:

<table width="242" cellpadding="0" cellspacing="0">
 
    <thead>
        <tr class="block-title-left" valign="middle"><th><div><h3>$title</h3></div></th></tr>
    </thead>
    <tbody
    <tr>
        <td class="port"><div class="content">$content</div></td>
    
    </tr>
    <tr>
        <td align="center"><img src="themes/Resonancia/style/images/news_22-29.png"></td> 
    </tr>
    </tbody>
  
  
</table>
 

Aquí el css

Código CSS:

.block-title-left {
    font-size: 10px;
    background-image: url(images/news_14.png);
    background-repeat: no-repeat;
    text-align: right;
    height: 37px;
    width: 242px;
}
 
.block-title-left th  div{text-align: right;margin-right:5px}
.block-title-left th  div h3{font-size:10px; vertical-align:middle}
 

De antemano gracias por la ayuda

Ahora mismo no te sabría decir, pero me parece que "vertical-align" sólo funciona en muy pocas situaciones