PC Arashiro

Fala ae rapaziada, de tempos em tempos eu volto pro fórum pra participar. Sempre que sobra um tempo passo aqui pra ver as coisas.

desenvolvi um site prum Centro Auditivo chamado Audisolution
http://www.audisolution.com

c&c são bem vindos

Fala galera, blz?
Estou com um problema aqui no menu do site
http://www.audisolution.com/index.asp

No IE fica sobrando um espaço embaixo das imagens que compõem o menu. Já no FF fica tudo certo.
Tentei zerar tudo na img, ul li e na div#menu, padding, margin e nada deu certo. Não sei mais o que fazer pra alinhar isso direito..

alguém tem uma sugestão?

aqui tá o css, no ínicio do CSS já havia zerado os espaçamentos com o *{margin:0px; padding:0px;}


div#menu{
height:24px;
border-bottom:8px solid #1881C5;
padding-left:10px;
}
div#menu ul{}
div#menu li{display:inline;}



Cód html

<!--MENU -->
<div id="menu">
<ul class="menu">
<li><a href="index.asp" title="Página Principal"><img src="layout/aba_home_on.gif" alt="Home" border="0" /></a></li>
<li><a href="empresa.asp" title="Descrição da Empresa"><img src="layout/aba_empresa_off.gif" alt="Empresa" border="0" /></a></li>
<li><a href="audicao.asp" title="Tudo sobre audição"><img src="layout/aba_audicao_off.gif" alt="Audição" border="0" /></a></li>
<li><a href="servicos.asp" title="Serviços prestados pela Audisolution"><img src="layout/aba_servicos_off.gif" alt="Seviços" border="0" /></a></li>
<li><a href="produtos.asp" title="Produtos auditivos e acessórios"><img src="layout/aba_produtos_off.gif" alt="Produtos" border="0" /></a></li>
<li><a href="local.asp" title="Como chegar na Audisolution"><img src="layout/aba_local_off.gif" alt="Local" border="0" /></a></li>
<li><a href="contato.asp" title="Fale conosco"><img src="layout/aba_contato_off.gif" alt="Contato" border="0" /></a></li>
<li><a href="links.asp" title="Links Pertinentes"><img src="layout/aba_link_off.gif" alt="Links" border="0" /></a></li>
</ul>
</div>
<!-- FIM MENU -->