title: Why is this navigation bar not centering?
body: <p>I noticed the navigation <code>li</code> items (yellow section) were right of center, so I altered the containing <code>div</code>/<code>nav</code> widths and background background colors just so I could see what was going on in an attempt to fix the misalignment; however, I can't seem to see a reason why this is occurring (in about 6 browsers).</p>
  
  <p>Here is problematic markup/css: <a href="http://building-more.site50.net/" rel="nofollow">http://building-more.site50.net/</a></p>
  
  <p>It seems to work fine in jsfiddle: <a href="http://jsfiddle.net/cTXXH/1/" rel="nofollow">http://jsfiddle.net/cTXXH/1/</a></p>
  
  <p>It doesn't seem to display at all in IE, what is going wrong here?</p>