删除默认的ul填充/边距

Question

我试图删除导航ul左侧的默认填充。我已经尝试将#nav ul边距和填充设置为0，但这对我不起作用。我试图寻找边缘可能影响ul的其他地方，但我似乎无法找到任何东西。

作为备注，我使用Stephen Boyer's Fluid + Responsive Grid Layouts in CSS。我不确定那些东西是不是会让我感到沮丧。

＆＃13;

＆＃13;

header {
  margin-top: 20px;
  margin-bottom: 50px;
}
#nav {
  display: block;
  margin-top: 23px;
}
#nav ul {
  margin: 0;
  padding: 0;
}
#nav li {
  font-family: 'Open Sans Condensed', 'Trebuchet MS', Helvetica, sans-serif;
  list-style-type: none;
}
li.nav_main {
  display: inline;
  padding-right: 35px;
  font-size: 18px;
}
.nav_main a {
  color: #666666;
  cursor: pointer !important;
  text-decoration: none;
}
.nav_main a:hover,
li.parent:hover {
  color: #F9B585;
  text-decoration: none;
}
.trans {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

＆＃13;

<header>

  <div class="row">

    <div class="span4 phone-hidden" style="background-color:aliceblue;">
      <a href="index.html">
        <img src="img/logo2.png">
      </a>
    </div>

    <div class="span6 phone-hidden" style="background-color:lavender;">
      <nav role="navigation">
        <ul id="nav">
          <li class="nav_main"><a class="trans" href="index.html">HOME</a>
          </li>
          <li class="nav_main"><a class="trans" href="art.html">ART</a>
          </li>
          <li class="nav_main"><a class="trans" href="resume.html">R&Eacute;SUM&Eacute;</a>
          </li>
        </ul>
      </nav>
    </div>

    <div class="span2 phone-hidden" style="background-color:lemonchiffon;">
      <div id="social_icons">
        <a href="http://twitter.com/chubacca">
          <img src="img/twitter.png">
        </a>
        <a href="http://linkedin.com/pub/alyson-chu/42/690/a57/">
          <img src="img/linkedin.png">
        </a>
      </div>
    </div>

  </div>
</header>

＆＃13;

＆＃13;

＆＃13;