SoloCodigo

Hola chicos

Estoy creando un menú vertical con imagenes a partir de listas y manejo de hojas de estilo. Pero IE me crea una separación incómoda que afecta el diseño de la página, que no ocurre con firefox.

Este es el fragmento de código de la lista, por cierto, está dentro de otro div:
<!--html--></div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><div id="menu">
    <ul>
      <li id="enlace_menu_inicio">
       <span><a href="index.html">Inicio</a></span>
     </li>
      <li id="enlace_menu_intro" >
       <span>Introducción</span>
     </li>
      <li id="enlace_menu_objetivos" >
       <span>Objetivos</span>
     </li>
     <li id="enlace_menu_unidades">
       <span>Unidades</span>
     </li>
      <li id="enlace_menu_evaluacion" >
       <span>Evaluación del Curso</span>
     </li>
      <li id="enlace_menu_biblio" >
       <span>Bibliografía</span>
     </li>
    </ul>
  </div><!--html2--></td></tr></table><div class='postcolor'><!--html3-->

y este es el fragmento de la hoja de estilos que aplica el menú:

He probado con modificar el alto de la linea y ajustando los margenes, pero consigo el mismo resultado en IE. ¿Alguien tiene alguna sugerencia?

Hola

¿Has probado a poner a 0 el padding y el margin de los <li>?

Código: Text

1. #barra_izq #menu li {
2.   padding: 0px;
3.   margin: 0px;
4. }
5.  

Un saludo

pues si..... mismo resultado