Как грамотно заменить гиперссылку на кнопку-картинку

Гиперссылку "Добавить в корзину" нужно заменить на картинку, попробовал поменять но не работает. Сама картинка появилась, но не реагирует на нажатие.
Рабочий вариант с гиперссылкой:
<table align="center" cellpadding="0" cellspacing="0" class="product" border="0">

    <tr>

        <td valign="top">

            <div><a href="#"><img src="userfiles/<?=$product['image']?>" alt="" /></a></div>

            <div class="description">

                <div class="product-name"><a href="#"><?=$product['title']?></a></div>

                <div class="product-price">Цена: <?=$product['price']?> $</div>

            </div>

        </td>

        <td valign="top" width="100">

            <div><?=$product['description']?></div>

            <div><a href="index.php?view=add_to_cart&id=<?=$product['id']?>">Добавить в корзину</a></div>

        </td>

    </tr>

</table>
Замена на картинку(не рабочее):
<table align="center" cellpadding="0" cellspacing="0" class="product" border="0">

    <tr>

        <td valign="top">

            <div><a href="#"><img src="userfiles/<?=$product['image']?>" alt="" /></a></div>

            <div class="description">

                <div class="product-name"><a href="#"><?=$product['title']?></a></div>

                <div class="product-price">Цена:<?=$product['price']?></div>

            </div>

        </td>

        <td valign="top" width="100">

<div class="container">

  <div>

    <p><?=$product['description']?></p>

     <a href="index.php?view=add_to_cart&id=<?=$product['id']?></a>

  </div>

</div>

        <a href="index.php&view=add_to_cart&id=<?=$product['id']?>"><input type="image" src="/1/views/pages/01.png"></a>

</td>

    </tr>

</table>