title: How to Remove Unwanted Padding or Margin?
body: <p>I wanted to using a flexible horizontal list menu, and I found one on github that came with a collapsing menu at a certain breakpoint. I didn't need the collapsing menu so I got rid of it. I've been modifying the menu to cater to my layout. There are a couple issues that I can't seem to figure out.</p>
  
  <ol>
  <li>There seems to be a left margin to the menu that I want to get rid of. </li>
  <li>On the right side of the menu, while shrinking the browser, the last menu item seems to get overlapped instead of pushed in.</li>
  <li>I would like to reduce the margins between list items</li>
  </ol>
  
  <p>Normally this wouldn't be a problem for me, but I've not really worked much in percentages. </p>
  
  <pre><code> .flexnav {
      overflow: hidden;
      margin: 0 auto;
      width: 100%;
      max-height: 0;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7fMW4/" rel="nofollow">FIDDLE</a></p>