Цветовое выделения пункта меню выходит за пределы талицы.

#me {
text-decoration: none;
color: #000000;
position: center;
display: inline-block;
padding-left: 77px;
padding-right: 77px;
padding-bottom: 6px;
padding-top: 6px;
white-space: nowrap;
overflow: inherit;
}
#me:hover {
color: #F0F0F0;
background-color: #B0B0B0;
white-space: nowrap;
overflow: inherit;
}

width: 77px;

<td id="leftcol" height="550"><center>
<a href="http://google.com" id="me">Категория 01</a><br>
<a href="http://google.com" id="me">Категория 02</a><br>
<a href="http://google.com" id="me">Категория 03, text</a><br>
</center></td>

<td id="leftcol" height="550">
<a href="http://google.com" class="me">Категория 01</a><br>
<a href="http://google.com" class="me">Категория 02</a><br>
<a href="http://google.com" class="me">Категория 03, text</a><br>
</td>

.me {
text-decoration: none;
color: #000000;
display: block;
padding: 6px 0px 6px 77px ;
white-space: nowrap;
}

.me:hover {
color: #F0F0F0;
background: #B0B0B0;
white-space: nowrap;
}

.me {
text-decoration: none;
text-align: center;
color: #000000;
display: block;
padding: 6px 0px 6px 0px ;
}

.me:hover {
color: #F0F0F0;
background: #B0B0B0;
}