0

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

这是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看看我在说什么。可能是文档类型问题吗？还是编码错误？无论哪种方式，我似乎都找不到它。

4

0 回答 0