html - 垂直条显示在图像下方？

Question

我正在尝试向我的网站添加一些图像，但由于某种原因，垂直条显示在图像的下方和右侧。

这是我的网站网址：http ://bit.ly/Lcspfp

问题图片是页面底部的品牌徽标。

这是我用来显示品牌徽标的代码：

<ul id="brands">
<li><a><img src="images/brand1.png" alt="" /></a></li>
<li><a><img src="images/brand2.png" alt="" /></a></li>
<li><a><img src="images/brand3.png" alt="" /></a></li>
<li><a><img src="images/brand4.png" alt="" /></a></li>
<li><a><img src="images/brand5.png" alt="" /></a></li>
<li><a><img src="images/brand6.png" alt="" /></a></li>
<li class="last"></li><p>
</ul>

这是我不想要的带有垂直条的图像的图像：http: //i.imgur.com/9g1do.png

Answer 1

添加此 CSS 规则：

ul#brands a {
    background:none;
}

Answer 2

删除此 CSS 规则：

background: url(../images/links_separator.gif) no-repeat 100% 50%;

它创建了那些垂直线。

Answer 3

将您的 styles.css 文件的第 644 行更改为以下内容：

.footer ul a { padding-right:5px; margin-right:3px; }