Как я могу взаимодействовать с тегом якоря в списке меню с помощью CSS-дизайна.

---

ну, у меня есть якорный тег в пункте списка меню.

<ul>
    <li><a href="/KB/answers/Home.aspx"></a></li>
</ul>

свойства списка меню:
высота=50 пикселей;
ширина=100px;

свойства тега привязки.
размер шрифта=18px;


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

Пожалуйста, помогите мне.

Что я уже пробовал:

<ul>
             <li><a href="/KB/answers/Home.aspx">Home</a></li>

             <li><a href="/KB/answers/contact.aspx">Contact Us</a></li>

             <li><a href="/KB/answers/about.aspx">About Us</a></li>
</ul>


Sample Html code.

---