Отображение панели под лого

Суть вот в чем. Под лого панелька, где почта, журнал и пр. Имеет такой вид:

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

Проблема в том что она отображается вертикально. А мне надо горизонтально. Подскажите как сделать.

Еще особенность. Вертикально она отображается в хроме и мозилле. В гребаном эксплорере она горизонтально стоит. Почему?

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

Как это?

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

Изм. 1 раз. / Посл. изм.

Die$el 10.93

(11 июн 2014, 13:06)

Вот.

.td {
width: 24%;
display: block;
border: 1px solid #B0D2D9;
background: #C5EAF1;
padding: 5px;
}

Тут вроде ничего такого нет.

Скинь сайт щас если успею то помогу

да я на локальном

Мне бы посмотреть что там такое

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>

Спасибо, выручил)) Только display: inline-block; не надо)) а то при наведении мигают жестоко))