Lista crea margin

[bNd170]

Buenas foreros, traigo una duda que me traé de cráneo desde hace un par de dias.

Como todos sabemos, las listas en CSS tienen, como cada etiqueta, unos atributos iniciales, las listas tienen un margin y un padding asignado por defecto; bien, hasta aqui correcto todo.

Siempre que creo un menú lo hago con listas pero esta vez me esta ocurriendo algo bastante raro y es que aun habiendole dado un:

Código CSS:

ul, li {
margin:0;
padding:0;
list-style:none;
}
 

Me crea un espacio entre los <li>


No entiendo bien el porqué de esto, a lo mejor han actualizado algún estándar de CSS para con las listas que desconozco, a ver si alguien que esté puesto en el tema puede echarme una mano.

Por otro lado, también tengo un problema similar con la fuente, estoy usando "Futura" que tengo entendido que no es estándar de los exploradores, mediante @font-face, y cuando la asigno a algún contenedor me crea un margin. :S

[pzin]

Deberías de aportar el código completo de li. Lo más seguro es que las estés poniendo como elemento en linea en vez de flotarlos, y al haber un salto de linea en el código HTML, se crea un espacio. Es como cuando pones un salto de linea en un texto, luego aparece de todas formas un espacio.

La solución pasaría por flotar dichos elementos.

[bNd170]

La cuestión es que nunca me ha hecho falta flotarlos, dejo aqui el código

Código CSS:

.menu > ul > li {
    background: url('../images/web/bg-menu.jpg') repeat-x;
    display: inline-block;
    margin: 0 -2px;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}
 

[C2am]

Tal vez esto te ayude a comprender y solucionar el problema.
Es el blog del amigo kseso: http://ksesocss.blogspot.com/2012/03...empeno-en.html

Saludos