Link fica muito grande quando coloco <li> dentro do <a>

Quero que meus links tenham marcadores e que os marcadores fiquem selecionados juntos com o link. Pra isso, coloquei o LI dentro do A. <a><li>meu link</li></a>

	Só que o link ficou muito grande. Mesmo com o mouse longe do texto, ele já ativa o link. Vejam na imagem.

	 

	![20190613_165359.jpg.f32cd410ae4f26759c351ba7be7d9879.jpg](https://forum.imasters.com.br/monthly_2019_06/20190613_165359.jpg.f32cd410ae4f26759c351ba7be7d9879.jpg)

	 

	Vejam o código:

	 

	CSS

	#links_uteis {

	        width:482px;

	        height:230px;

	        float:right;

	        margin-top:20px;

	        margin-right:20px;

	        font-size:20px;

	        list-style-type:disc;

	        list-style-position:inside;

	    }

	#links_uteis table {

	        width:420px;

	        margin-left:10px;

	    }

	#links_uteis td {

	        width:210px;

	        padding:5px 10px 5px 10px;

	    }

	#links_uteis a:hover {

	        text-decoration:underline;

	        color:#D90000;

	    }

	 

	 

	HTML

	<div id="links_uteis">

	Links úteis

	<div class="barra_titulo"></div>

	<table border="0" cellspacing="0" cellpadding="0">

	  <tr>

	    <td>

	    <a href="#" target="_blank"><li>Inmetro</li></a>

	    </td>

	    <td>

	    <a href="#" target="_blank"><li>Seplag</li></a>

	    </td>

	  </tr>

	  <tr>

	    <td>

	    <a href="#" target="_blank"><li>Ipsemg</li></a>

	    </td>

	    <td>

	    <a href="#" target="_blank"><li>IOF-MG</li></a>

	    </td>

	  </tr>

	  <tr>

	    <td>

	    <a href="#" target="_blank"><li>ALMG</li></a>

	    </td>

	    <td>

	    <a href="#" target="_blank"><li>MGS</li></a>

	    </td>

	  </tr>

	  <tr>

	    <td>

	    <a href="#" target="_blank"><li>Portal de serviços</li></a></td>

	    <td>

	    <a href="#" target="_blank"><li>Portal do servidor</li></a></td>

	  </tr>

	</table>

	</div> <!--Fecha a div links_uteis-->