Hola tengo un problema con un menu de lista en Internet Explorer.
Sucede que me muestra unos espacios entre las listas, lo pueden ver en este
Link.
el codigo CSS es el siguiente:
Código PHP:
/*/////////////////////////// INFECTEDFX.NET ////////////////////////////////////////*/
body {
text-align:left;
margin: 15px;
height: 100%;
padding: 0px;
font-family: Verdana, Arial, Helvetica, Sans Serif;
font-size: 11px;
color: #444444;
background-color: #ccc;
}
/* Contenedor de nuestro menú*/
#navigation{
width: 191px;
height: 38px;
padding:0;
margin:0;
background: #666;
}
ul#mainMenu {
list-style:none;
margin:0;
padding:0;
}
ul#mainMenu li{
padding:0;
margin:0;
}
ul#mainMenu li a{
display:block;
width: 191px;
height: 19px;
margin:0;
padding:0;
text-decoration:none;
text-align:left;
}
ul#mainMenu li a span {
margin:0;
padding:0;
display:none; /*Oculto el texto.*/
}
#inicio {
background-image:url(../menu-inicio.jpg);
width: 191px;
height: 19px;
}
#antecedentes {
background-image:url(../menu-antecedentes.jpg);
width: 191px;
height: 19px;
}
Y el HTML :
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xxx</title>
<link href="menu/menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="navigation">
<ul id="mainMenu">
<li id ="inicio"><a href="#"><span>Inicio</span></a></li>
<li id="antecedentes"><a href="#"><span>Antecedentes</span></a></li>
</ul>
</div>
</body>
</html>
cualquier idea muy agradecido.
saludos.
zsamer