CSS Code:
.td {
overflow: hidden;
padding:5px;
vertical-align:top;
width:24%;
white-space: nowrap;
background: #c5eaf1;
border: 1px solid #b0d2d9;
}
.td:hover {
display:inline-block;
}

HTML Code:
<table style=\"width: 100%\" cellspacing = \"0\" cellpadding = \"0\">
<tbody>
<tr>
<td class = \"td\"><a href=\"ссылка\">Кабинет</a></td>
<td class = \"td\"><a href=\"ссылка\">Почта</a></td>
<td class = \"td\"><a href =\"ссылка\">Журнал</a></td>
<td class = \"td\"><a href =\"ссылка\">Выход</a></td>
</tr>
</tbody>
</table>

кинь css код класса .td и прилагающие к нему псевдоклассы если есть

Структура таблицы правильная на сколько я вижу, браузеру вопрос не задавал?