[Ovillo] Problemas con maquetacion: Pixeles Malignos (Un bug?)

[webmaster]

Hola amigos de Ovillo,

Para iniciar un saludo a todos y de nuevo agradeciendo la ayuda que me han dado 
con mis correos anteriores.  Me encuentro ahora con otro problema el cual 
aunque ya le di una solución parcial me intriga entender mejor:

En la siguiente página web:

http://168.234.195.202/test/negociosv2-3/bug.html

Podrán observar un menu del lado izquierda con una imágen de dos manos 
estrechandose.  En el firefox no hay ningún problema pero si lo miran en IE 
(cuando no! XD ) observaran una línea de 3 pixeles de tamaño entre la imágen y 
el primer <p> .

El código es:

<div id="menu">
<img src="imagenes/confianza.jpg" alt="Camara de Comercio es Solidez y 
Confianza" width="149" height="93" />
<p>Menu</p>
<ul>
<li><a href="http://168.234.195.202/negocios-v2/default.asp";>P&aacute;gina 
Principal</a></li>
<li><a href="#">&iquest;Quienes Somos?</a></li>
<li><a href="#">Directorio Empresarial</a></li>
<li><a href="#">Capacitaci&oacute;n</a></li>
<li><a href="#">Bolsa de Empleo </a></li>
<li><a 
href="http://168.234.195.202/negocios-v2/relaciones-comerciales/";>Relaciones 
Comerciales </a></li>
<li><a href="#">Revista Mundo </a></li>
<li><a href="#">Ferial del Comercio </a></li>
<li><a href="#">Relaciones Institucionales </a></li>
<li><a href="#">Tecnolog&iacute;a de Negocios </a></li>
<li><a href="#">Salones y Banquetes </a></li>
<li><a href="http://168.234.195.202/negocios-v2/servicio-al-cliente/";>Servicio 
al Cliente </a></li>
<li><a href="#">Gremiales</a></li>
<li><a href="#">Enlaces</a></li>
<li><a href="#">Cont&aacute;ctenos</a></li>
</ul>
</div>

El CSS relevante es:

#menu {
        width:149;
        margin:0px;
        padding:0px;
        background-color:#600;
        border-right: #000 solid 1px;
        border-top: #000 solid 1px;
        border-bottom: #000 solid 1px;
}
#menu p{
        font-size:9pt;
        margin:0px;
        padding:0px;
        display: block;
        background:#ccc;
        color:#000;
        text-align:center;
        border-bottom: solid 1px #000;
}
.primer-item-menu{
        font-size:9pt;
        display:block;
        color: #000;
        background-color: #ccc;
        text-align: center;
        margin:0px;
        padding:0px;
}

Me pase buena tarde de mi noche y madrugada tratando de encontrar cual pudiera 
ser el problema, incluso intente:

* {
margin: 0;
padding: 0;
}

y no funciono, al final encontre una solución que solo pone un parche al 
asunto, sacrificando un poco de visibilidad en el FF:

/* Inicio - Fix: Bug maligno IE */
#menu img{
        margin-bottom:-3px;
        border-bottom: solid 1px #000;
}
/* Fin - Fix: Bug maligno */

Aquí mando un link a la versión solucionada:

http://168.234.195.202/test/negociosv2-3/plantilla.html

Bueno, les agradezco que hayan llegado hasta aca de mi correo, espero sus 
respuestas y consejos.

Saludos!
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo