html – Firefox中菜单项之间的空格

我做了一个菜单,我使用过chrome但是现在当我尝试使用firefox时,我得到了项目之间的间距

在铬

在Firefox中

这是CSS

http://jsfiddle.net/Mazala/mpc1o2gf/

HTML：

<nav>
        <ul class="menu">
            <li id="accueil"><a href="./index.html" class="iconeAccueil">Accueil</a></li>
            <li id="bureau"><a href="./bureau.html">Bureau</a></li>
            <li id="actualites"><a href="./actualites.html">Actualités</a></li>
            <li id="partenaires"><a href="./partenaires.html">Partenaires</a></li>
            <li id="contact"><a href="./contact.html">Contact</a></li>
            <li id="liens"><a href="./liensutiles.html">Liens utiles</a></li>
            <li id="Liens"><a href="#liens">lien+subtitles</a>
                    <ul class="sousmenu">
                        <li id="Liens"><a href="#liens">Liens utiles</a></li>
                        <li id="Liens"><a href="#liens">Liens utiles</a></li>
                        <li id="Liens"><a href="#liens">Liens utiles</a></li>
                        <li id="Liens"><a href="#liens">Liens utiles</a></li>
                    </ul>
            </li>

        </ul>
    </nav>

链接中的CSS.

感谢帮助.

解决方法

这是内联块元素的常见问题.默认情况下,这些元素周围有一些间距.这有点违反直觉,但默认行为.

对此有一些修复.我的首选是浮动li元素.有一些警告.阅读this以获得完整的理解.