Jak mogę sprawić, aby tabela z 2 kolumnami (komórkami) wyglądała tak:

Pierwsza komórka kurczy się zgodnie z treściąDruga komórka pasuje do reszty tabeli (szersza niż obie treści razem)

Przykład:

<table style="width: 500px;">
   <tr>
      <td>foo</td>
      <td>bar</td>
   </tr>
</table>

Potrzebuję tabeli, aby wyglądać tak:

.___________________________________________________________________________.
| foo | bar            <a lot of space here>                                |
|_____|_____________________________________________________________________|
                           500 px total width

Uwaga: Nie znam szerokości „foo”, więc nie mogę ustawić „50px”, „10%” ani czegoś takiego.