IE问题：不需要的小垂直间隙

Question

我的父亲网站存在问题。（http://arcwebsolutions.net/arcmktg）一切都在Firefox和Chrome中完美运行。但是在Internet Explorer中（到目前为止我已经在IE 7-9中进行了测试）它在我的导航菜单的右端显示了一个小 2-3px间隙，如果你仔细观察有一个我的页脚左侧的小缩进。我使用的是我自己设计的960px固定宽度网站布局，但对于我的生活，我无法弄清楚这个问题。

这是html

<div id="menu" class="width">
<ul>
<li>
<a href="index.html">
<span class="title ">Home</span></a>      
</li>
<li>
<a href="philosophy.html">
<span class="title ">Car Magnets</span></a>
</li>
<li>
<a href="services.html">
<span class="title ">Free Virtual Magnet</span></a>
</li>
<li>
<a href="portfolio.php">
<span class="title ">Custom T-Shirts</span></a>
</li>
<li>
<a href="contact.html">
<span class="title ">Silicone Wristbands</span></a>
</li>
</ul>

这是菜单的css

#menu {
  margin: 0 auto;
}

#menu ul {
   width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background: url(images/navbg.gif);
  letter-spacing: 0.1em;

}

#menu ul li {
   display: inline;
   margin: 0;
   padding: 0;
   list-style: none;
}

#menu ul li a {
  float: left;
  width: 20%;
  font-size: 12px;
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  color: #666666;
}

#menu ul li a span {
  display: block;
  padding: 6px 1px;
}


#menu ul li a:hover,
#menu ul li a.here {
  color: #000;
  background: url(images/hover.gif);
}

请访问http://arcwebsolutions.net/arcmktg，了解我在说什么。它可能是一个doctype问题吗？还是编码错误？无论哪种方式，我似乎无法找到它。