Как сделать так, чтобы якорный тег заполнил всю ширину ячейки таблицы?

У меня есть ячейка таблицы с тегом привязки, и я хочу, чтобы ширина (и высота) тега привязки заполнила ширину содержащей его ячейки таблицы. Интуиция здесь не работает. Пожалуйста помоги.

HTML:

<table>
    <tr>
        <td class="width_is_100px">
            <a href="http://www.doesnotwork.com"><span class="make_width_100px">Some Text</span></a>
        </td>
    </tr>
</table>

CSS: (не работает)

.make_width_100px {
    width:100px !important;
}

Тег привязки имеет ширину, равную ширине текста "Some Text". Я хочу, чтобы пользователь мог щелкнуть в любом месте ячейки таблицы и активировать ссылку. Без javascript, пожалуйста.