Некорректное отображение горизонтального меню в IE8

<table border="0" cellpadding="0" cellspacing="0" width="94%" align="center">
<tr>
<td height="14"></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#318EB7"><img border="0" src="/.s/t/211/30.gif" width="5" height="34"></td>
<td width="70%" bgcolor="#318EB7" background="/.s/t/211/31.gif">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<img src="/gh.png" border="0" align="absmiddle"><a style="text-decoration:none;" "#ffa500"="" href="/" class="menu1" title="Главная страница"><b>Главная</b></a><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/photo" class="menu1" title="Прикольные фото"><b>Фото</b></a><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/blog" class="menu1" title="Видео"><b>Видео</b></a><img src="/gh.png" border="0" align="absmiddle">
<b style="text-decoration: none; "><a style="text-decoration:none;" "#ffa500"="" href="/stuff" class="menu1" title="Онлайн игры">Онлайн игры</a> </b><img src="/new.gif" border="0" align="absmiddle"><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/index/anekdoty/0-8" class="menu1" title="Анекдоты"><b>Анекдоты</b></a><img src="/gh.png" border="0" align="absmiddle">
<a style="text-decoration:none;" "#ffa500"="" href="/tests/" class="menu1" title="Тесты"><b>Тесты</b></a><img src="/gh.png" border="0" align="absmiddle"> 
<a style="text-decoration:none;" "#ffa500"="" href="/" class="menu1" title="Смешные истории"><b>Смешные истории</b></a><img src="/gh.png" border="0" align="absmiddle">
</tr>
</table>

</td>
<td width="30%" nowrap="nowrap" bgcolor="#318EB7" background="/.s/t/211/31.gif" align="right"><span class="pageTitle">$MODULE_NAME$</span></td>
<td bgcolor="#318EB7"><img border="0" src="/.s/t/211/32.gif" width="5" height="34"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="14"></td>
</tr>
</table>