"vertical-align: middle" sur les cellules de tableau ne s'aligne pas au milieu avec AlphaImageLoader dans IE6

Question

J'essaye d'aligner du texte sur des cellules de tableau avec un arrière-plan PNG Transparent, j'utilise le filtre: progid: DXImageTransform.Microsoft .AlphaImageLoader() pour résoudre ce problème dans IE6. Mais le texte ne correspond pas au milieu avec le filtre de style:

CSS:

.fh { 
font-family:SimSun; 
font-size:12px; 
overflow:hidden; 
padding:0 2px 2px; 
text-align:left; 
vertical-align:middle; 
} 

HTML:

<table width="200" border="1" cellpadding="2" class="x-table"> 
<tr> 
<th scope="col">&nbsp;</th> 
</tr> 
<tr style="height: 77px;"> 
<td class="fh" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./shadow-trans.png')">&nbsp;ABCDEFG</td> 
</tr> 
</table> 

Screenshot:

"vertical_align_ie6" http://filer.blogbus.com/4216262/resource_4216262_1279530625v.png

Answer 1

Essayez décalant la hauteur au TD ou à la TABLE.

Answer 2

Je trouve que ce problème peut être résolu par insérer un div avec une table à l'origine td:

HTML:

<table cellspacing="0" cellpadding="0" class="x-table" style="position: absolute; width: 289px; left: 0px;"> 
    <colgroup> 
     <col style="width: 72px;"/> 
     <col style="width: 72px;"/> 
     <col style="width: 72px;"/> 
     <col style="width: 72px;"/> 
    </colgroup> 
    <tbody> 
     <tr style="height: 77px;"> 
      <td class="brw1 brss bbw1 bbss blw1 blss btw1 btss" style="border-color: rgb(153, 204, 255); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./shadow-trans.png', sizingMethod=crop);background-repeat: no-repeat;" id="A1-0" colspan="4"> 
       <div class="fx" style="height: 76px;"> 
        <table> 
         <tbody> 
          <tr> 
           <td class="fh bw" style="height: 76px; width: 288px;">ABCDEFG</td> 
          </tr> 
         </tbody> 
        </table> 
       </div> 
      </td> 
     </tr> 
    </tbody> 
</table>