Вёрсточный кретинизм: Как растянуть <div> на весь родительский <td> ?

[xintrea]

Есть примитивный код:

...
     <td width="5%" style="background-color: #AFBFF0">
      <a href="<? echo $backUrl ?>">
       <div style="margin: 0px; padding: 0px; height: 100%;">Взад</div>
      </a>
     </td>
...

Вопрос. Как вот этот вложенный <DIV> с надписью "Взад" растянуть на весь размер ячейки <TD>?

[danik.js]

Во-первых лучше <a> засунуть внутрь <div>, во-вторых что растянуть - высоту или ширину? ли все вместе?
Чтоб сработало height:100% надо чтоб у родителя была задана высота.

<style>
    td{
        height: 100px;
    }
    div{
        background: red;
    }
</style>
<table>
    <tr>
    <td width="5%" style="background-color: #AFBFF0">
        <div style="margin: 0px; padding: 0px; height: 100%;"><a href="<? echo $backUrl ?>">Взад</a></div>
    </td>
    </tr>
</table>

[Octane]

Во-первых лучше <a> засунуть внутрь <div>

Смотря для чего верстка
http://www.w3.org/TR/html-markup/a.html#a

<a href="javascript:void(0);"
  onmouseover="return anno('Note: This paragraph is informative only.')
  onmouseout="return anno_bye();">
<p>The following is introductory information…</p>
</a>

[danik.js]

Octane, я вкурсе. Вот только если я не ошибаюсь, старые парсеры могут залупиться.

[Deff]

<table>
    <tr>
    <td width="5%" style="height: 100px;position:relative;background-color:blue">
<a href="http://...">
        <div style="display:inline-block;margin: 0px; padding: 0px; height: 100%;width:100%;background-color:red">Взад</div>
</a>
    </td>
    </tr>
</table>