<div class="block">
<table>
    <tr>
        <td>
            <a href="http://example.com">
                <div style="width: 100%; height: 100%;">
                    Test
                </div>
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="google.com">Google</a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="google.com">Google</a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="google.com">Google</a>
        </td>
    </tr>
</table>
</div>

<style type="text/css">
.block {
    width: 100px;
    height: 500px;
    background: #008700;
}

.block table {
    /*width: 100%;*/
    height: 100%;
    text-align: center;
    border-collapse: collapse;
}

.block table tr:nth-child(odd) {
    background: #008200;
}

.block table tr:nth-child(even) {
    background: #205527;
}

.block table tr {

}

.block table tr td {
    float: left;
}

.block table tr td a {
    display: block;
    width: 100%;
}
</style>

.block table tr td a {
    display: block;
    width: 100%;
    height:100%;
}