Problema con li en IE6

[chichote]

HOla amigos,

tengo un problema con una lista de menu, en internet explorer 6 me genera un margen y no se como solucionarlo.

Código HTML:

/* //////////////////////////////// */
/*     INICIO css Menu Lateral      */
/* //////////////////////////////// */



#menu-lat 									{	width:190px; overflow:hidden; float:left; text-align:left; }

#menu-lateral								{	text-align:left; }

#menu-lateral p								{	margin-top:20px; }

#menu-lateral ul							{	list-style-image:none; list-style-position:outside;	list-style-type:none; margin:0px;
												padding:0; color:#555555; font-weight:bold; font-size:12px; display:block; }

#menu-lateral ul .bloque					{	margin-bottom:10px; }

#menu-lateral .link-menu					{	margin-top:0px; }

#menu-lateral ul li							{	margin:0; padding:0; }
												
#menu-lateral ul li a						{	color: #555555;	font-weight: normal; font-size:12px; border-bottom:1px solid #D6D6D6;
												display:block; border-top:1px solid #00CC00 }

#menu-lateral ul li a:hover					{	color:#014A87; }

#menu-lateral ul li .titulo					{	font-weight:bold; }

#menu-lateral ul li a .titulo				{	font-weight:bold; }

#menu-lat .img								{	margin-top:30px; }
/* //////////////////////////////// */
/*       FIN css Menu Lateral       */
/* //////////////////////////////// */

Código HTML:

<div id="menu-lat">
        	
            <!-- INICIO Menu Lateral -->
        	<div id="menu-lateral">
            	
                <ul>
                	<li class="bloque">
                    	<a href="index.php?id=3" onfocus="blurLink(this);" class="titulo">About Us</a>
                    	<ul>
                        	<li><a href="index.php?id=72" onfocus="blurLink(this);" class="link-menu">Mission</a></li>
                            <li><a href="index.php?id=73" onfocus="blurLink(this);" class="link-menu">Partners</a></li>
                            <li><a href="index.php?id=74" onfocus="blurLink(this);" class="link-menu">Services</a></li>
                            <li><a href="index.php?id=7" onfocus="blurLink(this);" class="link-menu">Contact</a></li>
                        </ul>
                    </li>
                    
                    <li class="bloque">
                    	<a href="index.php?id=66" onfocus="blurLink(this);" class="titulo">German Research and Innovation Landscape</a>
                        <ul>
                        	<li><a href="index.php?id=15" onfocus="blurLink(this);" class="link-menu">Universities</a></li>
                            <li><a href="index.php?id=16" onfocus="blurLink(this);">Research Organizations</a></li>
                            <li><a href="index.php?id=17" onfocus="blurLink(this);">Research Funding</a></li>
                            <li><a href="index.php?id=18" onfocus="blurLink(this);">Ministries</a></li>
                            <li><a href="index.php?id=19" onfocus="blurLink(this);">Innovation</a></li>
                        </ul>
                    </li>
                    
                    <li class="bloque">
                    	<a href="index.php?id=67" onfocus="blurLink(this);" class="titulo">Brazilian Research and Innovation Landscape</a>
                        <ul>
                        	<li><a href="index.php?id=75" onfocus="blurLink(this);">Universities</a></li>
                            <li><a href="index.php?id=76" onfocus="blurLink(this);">Research Organizations</a></li>
                            <li><a href="index.php?id=77" onfocus="blurLink(this);">Research Funding</a></li>
                            <li><a href="index.php?id=78" onfocus="blurLink(this);">Ministries</a></li>
                            <li><a href="index.php?id=79" onfocus="blurLink(this);">Innovation</a></li>
                        </ul>
                    </li>
                    
                    <li class="bloque"><a href="index.php?id=188" onfocus="blurLink(this);" class="titulo">Map of Science</a></li>
                    
                    <li class="bloque"><a href="index.php?id=69" onfocus="blurLink(this);" class="titulo">Science Calendar</a></li>
                    
                    <li class="bloque"><a href="index.php?id=68" onfocus="blurLink(this);" class="titulo">News & Highlights</a></li>
                    
                    <li class="bloque"><a href="index.php?id=71" onfocus="blurLink(this);" class="titulo">Innovation Bridge</a></li>
                    
                    <li class="bloque"><a href="index.php?id=197" onfocus="blurLink(this);" class="titulo">Videos & Downloads</a></li>
                    
                </ul>
                
            </div>
            <!-- FIN Menu Lateral -->
  
            <div class="img">
            	<a href="" title="">
            		<img src="img/research.jpg" alt="" />
            	</a>
            </div>
            
        </div> 

En IE 7 hacia arriba se ve bien, en FF tambien se ve bien, el problema lo tengo con IE6

Dejo un pantallaso para que se hagan una idea de como debe ser y de como se ve en IE6




Si alguien tiene una idea.

saludos y gracias de ante manos

[chichote]

Ya lo solucione, de una forma no muy clasica pero lo solucione, no se q sera pero si tiro los li y ul uno detras de otro, sin saltar linea los intrepeta bien.

saludos

[dacardona]

Iniciado por Cherivera

Ya lo solucione, de una forma no muy clasica pero lo solucione, no se q sera pero si tiro los li y ul uno detras de otro, sin saltar linea los intrepeta bien.

saludos

Hola amigo. Tengo el mismo problema. No se si entendi bien pero tu dices que debo poner los elementos asi: <ul><li>mi menu<ul><li>item1</li><li>item2</li></ul></li></ul> sin dejar el salto de linea en mi Html. Yo hice esto pero sigo con el problema. Me podr{ias aclarar tu solución? llevo horas trantando de solucionar esto.

mil gracias

[TheDark03]

ese bug de ie6 se soluciona solo con darle un espacio entre las etiquetas <a>

ejemplo

<ul>
<li><a href="#">Index </a></li>
</ul>

Nota: notar el espacio antes de cerrar la etiqueta </a>

y listo solucionado el bug

Saludos DTB

[dacardona]

Iniciado por TheDark03

ese bug de ie6 se soluciona solo con darle un espacio entre las etiquetas <a>

ejemplo

<ul>
<li><a href="#">Index </a></li>
</ul>

Nota: notar el espacio antes de cerrar la etiqueta </a>

y listo solucionado el bug

Saludos DTB

Hola amigo. Muchas gracias por tu respuesta. Lamentablemente no funcionó nisiquiera en IE7. Finalmente y despues de perder un dia completo por este problema me decidi a usar un men{u de jQuery. Son un poco mas pesados que lo que tengo pero funciona perfecto en todos los navegadores.

muchas gracias

[TheDark03]

si funciona men eso esta comprobado "Claro q funciona"... ahora derepente te falta resetear al css y ya

Saludos

[chichote]

Iniciado por dacardona

Hola amigo. Tengo el mismo problema. No se si entendi bien pero tu dices que debo poner los elementos asi: <ul><li>mi menu<ul><li>item1</li><li>item2</li></ul></li></ul> sin dejar el salto de linea en mi Html. Yo hice esto pero sigo con el problema. Me podr{ias aclarar tu solución? llevo horas trantando de solucionar esto.

mil gracias

Sip eso mismo.

En mi caso estoy trabajando con un CMS llamado Typo3, la verdad no se de que forma lo interprete, pero con el funciona asi