Ciao a tutti!

Ho fatto oggi una piccola pagina con un misto tra HTML e PHP:
codice:
<table width="100%">
   <tr>

       <td align="left" width="15%">
        <table>
        <tr><td class="titoli_aggiornamenti">Vuoi renderti ben visibile?</td></tr>
        <tr><td class="paragrafi_aggiornamenti">Carica le tue foto</td></tr>
        </table>
      </td>

       <td align="left" width="15%">
        <table>
        <tr><td class="foto_principale">[img]immagini/foto_principale/<?php  echo $foto_principale; ?>[/img]</td></tr>
        </table>
       </td>
  </tr>
</table>
Nel foglio CSS ho messo questo:

codice:
body { 
       font-family: Arial;
      color: #808080;
      margin:0; 
     }

a:link, a:visited{
	color:#0026FF;
	}

td.titoli_aggiornamenti {
	font-family:Arial;
	color:#FF6A00;
	font-weight:bold;
	}

td.paragrafi_aggiornamenti {
	font-family:Arial;
	color:#808080;
	}
Come si può vedere ho fatto una tabelle che contiene 2 sotto tabelle.
Le prime 2 righe delle 2 sotto-tabelle non sono allineate sulla stessa altezza. Come mai?

Insomma, l'immagine si trova più in alto rispetto alla frase "Vuoi renderti ben visibile?". Ma perchè? Dove sbaglio?

Sicuramente qualcuno più esperto di me saprà darmi una mano...

Qualcuno ha qualche idea? Grazie!