垂直条显示在图像下？

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; }