Кроссбраузерная верстка

Вот тут http://vsl-tv.ru/temp/ лежит моя верстка.
Собственно сайт состоит из шапки, левой колонки (здесь будет располагаться меню)
и главной панели.
В FF и опере отображается все правильно.
В ИЕ менюха сползает вниз (я так понял не хватает места). Но если я делаю меньше размер главной панели, то в FF и Opera главная панель становиться меньше.
Я подозреваю что дефолтовые свойства css, html элементов стоят в ИЕ по умолчанию, но найти их не могу. Плиз помогите.
Код:


<td width="644px" align="left">
<ul id="topMenu">
<li>
<!--<img src="images/menu_item_first.jpg" width="119px" height="67px" id="menu_item_first">--><!-- 119 -->
<table width="119px" height="67px" cellpadding="0" cellspacing="0" border="0" style="float:left;">
<tr>
<td width="119px" height="1px" class="topBg">
<img src="images/menu_item/menu_item_top.jpg" width="2px" height="1px">
</td>
</tr>
<tr>
<td class="middleBg" width="119px" height="48px">
<a href="#">
Главная
</a>
</td>
</tr>
<tr>
<td>
<img src="images/menu_item/menu_item_bottom.jpg" width="119px" height="18px">
</td>
</tr>
</table>

</li>
<li>
<!--<img src="images/menu_item_payment.jpg" width="136px" height="67px" class="menu_item">--><!-- 135 -->
<table width="135px" height="67px" cellpadding="0" cellspacing="0" border="0" style="float:left;">
<tr>
<td width="3px" height="1px">
<img src="images/menu_item/menu_item_left_top_corner.jpg" width="3px" height="1px">
</td>
<td width="133px" height="1px" class="topBg">
<img src="images/menu_item/menu_item_top.jpg" width="2px" height="1px">
</td>
</tr>
<tr>
<td width="3px" height="48px">
<img src="images/menu_item/menu_item_left_middle.jpg" width="3px" height="48px">
</td>
<td class="middleBg" width="133px" height="48px">
<a href="#">
Оплата
</a>
</td>
</tr>
<tr>
<td colspan="2">
<img src="images/menu_item/menu_item_bottom.jpg" width="135px" height="18px">
</td>
</tr>
</table>
</li>
<li>
<!--<img src="images/menu_item_order.jpg" width="140px" height="67px" class="menu_item">--><!-- 138 -->
<!-- 140px -->
<table width="140px" height="67px" cellpadding="0" cellspacing="0" border="0" style="float:left;">
<tr>
<td width="3px" height="1px">
<img src="images/menu_item/menu_item_left_top_corner.jpg" width="3px" height="1px">
</td>
<td width="138px" height="1px" class="topBg">
<img src="images/menu_item/menu_item_top.jpg" width="2px" height="1px">
</td>
</tr>
<tr>
<td width="3px" height="48px">
<img src="images/menu_item/menu_item_left_middle.jpg" width="3px" height="48px">
</td>
<td class="middleBg" width="138px" height="48px">
<a href="#">
Заказ онлайн
</a>
</td>
</tr>
<tr>
<td colspan="2">
<img src="images/menu_item/menu_item_bottom.jpg" width="140px" height="18px">
</td>
</tr>
</table>
</li>
<li>
<!--<img src="images/menu_item_vacancies.jpg" width="117px" height="67px" class="menu_item">--><!-- 117 -->
<table width="117px" height="67px" cellpadding="0" cellspacing="0" border="0" style="float:left;">
<tr>
<td width="3px" height="1px">
<img src="images/menu_item/menu_item_left_top_corner.jpg" width="3px" height="1px">
</td>
<td width="115px" height="1px" class="topBg">
<img src="images/menu_item/menu_item_top.jpg" width="2px" height="1px">
</td>
</tr>
<tr>
<td width="3px" height="48px">
<img src="images/menu_item/menu_item_left_middle.jpg" width="3px" height="48px">
</td>
<td class="middleBg" width="115px" height="48px">
<a href="#">
Вакансии
</a>
</td>
</tr>
<tr>
<td colspan="2">
<img src="images/menu_item/menu_item_bottom_vacancies.jpg" width="117px" height="18px">
</td>
</tr>
</table>
</li>
<li>
<img src="images/menu_item_contacts.jpg" width="133px" height="67px" class="menu_item">
</li>
</ul>
</td>

Когда у ячейки ставим ширину не 644px а 641px и соответственно у внутренних элементов уменьшаем ширину, то как я уже говорил все приходит в норму. Может быть у каких то элементов стоит поставить padding:0px; margin:0px;? Только вот не могу понять где.
Заранее благодарен.