allineamento verticale

[dogo21sob]

questo è il codice:

<table width="100%" height="25">
  <tr>
    <td width="20%">[img]images/tv.gif[/img]</td>
	<td width="80%" valign="middle"><h1>Paesi</h1></td>
  </tr>
</table>

sia che uso l'attributo valign, sia che non lo uso, su IE7 la scritta la allinea verticalmente in alto, invece di centrarla... come faccio? ho provato anche così:

<table width="100%" height="25">
  <tr valign="middle">
    <td width="20%" valign="middle">[img]images/tv.gif[/img]</td>
	<td width="80%" valign="middle"><h1>Paesi</h1></td>
  </tr>
</table>

ma non è cambiato nulla, per quanto riguarda i css sono così:

h1{
font-size:14px;
text-indent:10px;
}

ho provato a cambiare così:

h1{
font-size:14px;
text-indent:10px;
vertical-align:middle;
}

ma non cambia niente... ma come si fa??? :master:

[dogo21sob]

un aiutino?

[Vincent.Zeno]

in realtà è già al centro.
i browser mettono un margin-bottom di default per assicurare un po' di leggibilità.
puoi settare così:

h1 {margin-bottom:0px;}

[dogo21sob]

aggiungendo quello che mi hai detto, ora su ie è centrato, mentre su firefox và più in basso rispetto al centro, mentre prima su firefox era al centro e su ie era in alto... non posso centrarlo per entrambi?

[dogo21sob]

ok ho risolto applicando il margin-bottom sia alla scritta, sia all'immagine accanto... era quello il problema... grazie