Menu só aparece no Mozilla Firefox

Caros amigos, criei uma página (index.html), o Menu em CSS funciona perfeitamente no Mozilla Firefox e Crome, porém não funciona no Internet Explorer. A home que tem essa index está em: www.dlcompany.com.br

o código do menu é:

<div id="html2" style="position:absolute; overflow:hidden; left:212px; top:41px; width:535px; height:149px; z-index:21">
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div class="menu">
<ul>
<li><a id="current" href="business.html" target="_self" ><font color="#333397"><B>Apresentação</B></font></a>
<ul>
<li><a href="business.html" target="_self">A DL Company</a></li>
<li><a href="mission_vision_values.html" target="_self">Missão, Visão e Valores</a></li>
<li><a href="clients.html" target="_self">Nossos Clientes</a></li>
<li><a href="cases.html" target="_self">Casos de Sucesso</a></li>
<li><a href="" target="_self"></a></li>
</ul>
</li>
<li><a href="products.html" target="_self" ><font color="#333397"><B>Produtos</B></font></a>
<ul>
<li><a href="products.html" target="_self">Nossos Produtos</a></li>
<li><a href="" target="_self"></a></li>
</ul>
</li>
<li><a href="services.html" target="_self" ><font color="#333397"><B>Serviços</B></font></a>
<ul>
<li><a href="services.html" target="_self">Nossos Serviços</a></li>
<li><a href="projects.html" target="_self">Projetos Executados</a></li>
<li><a href="" target="_self"></a></li>
</ul>
</li>
<li><a href="contact_us.html" target="_self" ><font color="#333397"><B>Contato</B></font></a>
<ul>
<li><a href="contact_us.html" target="_self">Contato</a></li>
<li><a href="" target="_self"></a></li>
</ul>
</li>
<li><a href="location.html" target="_self" ><font color="#333397"><B>Localização</B></font></a>
<ul>
<li><a href="location.html" target="_self">Localização</a></li>
<li><a href="" target="_self"></a></li>
<li><a href="" target="_self"></a></li>
</ul>
</li>
<li><a href="" target="_self" ></a>
</li>
</ul>
</div></div>

Desde já agradeço pela ajuda.

Alguém pode me ajudar?