Css 第一里前的陌生空间

我遇到了一个非常奇怪的问题，我不能在ul中的第一个li之前删除空间（从左侧大约占35%）。 这对我来说是第一次

这是我的HTML代码：

<div class="wrapper">
    <header id="mainHeader" class="clearfix">

        <div id="logo">
            <hgroup>
                <h1>Template LOGO</h1>
                <h2>szablon Wordpress</h2>
            </hgroup>
        </div><!-- /logo -->

        <div id="social">
            <div class="icons">
                <a href="#" class="circle">
                    <div class="ico-facebook"></div>
                </a><!-- /circle -->
                <a href="#" class="circle">
                    <div class="ico-twitter"></div>
                </a><!-- /circle -->
                <a href="#" class="circle">
                    <div class="ico-rss"></div>
                </a><!-- /circle -->
                <a href="#" class="circle">
                    <div class="ico-email"></div>
                </a><!-- /circle -->
            </div><!-- icons -->
            <p>Call now: 800 001 001</p>
        </div><!-- social -->
    </header>

    <nav id="mainMenu">

        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Shortcodes</a></li>
            <li><a href="#">Contact</a></li>
        </ul>

    </nav><!-- mainMenu -->

</div><!-- /wrapper -->

CSS输出：

nav#mainMenu {
  font-family: "PT Sans", sans-serif;
  height: 76px;
  background: #df4b16;
  border-bottom: 4px solid #b23c11;
}
nav#mainMenu ul {
    padding-left: 0;
}
nav#mainMenu ul li {
    display: inline-block;
}

当我设置li-float:left时也会发生同样的情况。

---

Thx提前为您提供帮助。

屏幕截图或JSFIDLE也会有帮助，您输出的css也会有帮助。也许你的前置处理器出了问题？我把Css输出放在上面，肯定还有其他Css。您是否尝试过使用DOM检查器查看哪些样式会影响

和

？需要查看菜单容器的css和html结构吗

nav#mainMenu {
  font-family: "PT Sans", sans-serif;
  height: 76px;
  background: #df4b16;
  border-bottom: 4px solid #b23c11;
}
nav#mainMenu ul {
    padding-left: 0;
}
nav#mainMenu ul li {
    display: inline-block;
}