Aligner deux éléments haut et en bas d'une cellule de tableau

J'ai un tableau avec plusieurs lignes et colonnes, chaque cellule contient un lien et quelques petites images. Le lien doit être aligné sur le haut de la cellule et les images doivent être alignés vers le bas. Malheureusement, à l'aide de l'vertical-align attribut ne fonctionne pas et les deux éléments sont placés dans le milieu de la cellule. Voici le code HTML que j'ai jusqu'ici:

<table>
  <tr>
    <td style='width:120px; height:90px;'>
      <a href='1.html' style='vertical-align:top'>Link 1</a>
      <div style='vertical-align:bottom'><img src='1-1.jpg' /><img src='1-2.jpg' /></div>
    </td>
    <td style='width:120px; height:90px;'>
      <a href='2.html' style='vertical-align:top'>Link 2</a>
      <div style='vertical-align:bottom'><img src='2-1.jpg' /><img src='2-2.jpg' /></div>
    </td>
  </tr>
  <tr> ... </tr>
</table>

EDIT: td de la hauteur et la largeur est également définie à 120 x 90 px

OriginalL'auteur kanoko | 2012-03-14