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