ie7和firefox/opera/chrome之间的间距差异

在ie7与firefox/chrome/opera的对比中,我对无序列表的垂直空间有一个持续的问题,我似乎找不到解决方案。

在IE7中,空间更小,我想看的东西也更少。

在Firefox、Chrome和Opera中,两者之间的空间大约是前者的两倍。

我无法解释我的代码或页面中的任何间距问题。在我的页面上,代码如下:

<!--BEGIN SIDEBOX-->
<div id="sidebox_new">
<div id="sidebox_top"><div id="sup">SUPPORT LINKS</div></div>
<div id="sidebox_bod">
<br />
<ul>
<li><a href="training.aspx">User Training</a></li><br /><br />
<li><a href="faqs.aspx">FAQ</a></li><br /><br />
<li><a href="logonasst.aspx">Logon Assist. Center</a></li><br /><br />
<li><a href="faxus.aspx">Fax Us</a></li><br /><br />
<li><a href="callus.aspx">Call Us</a></li><br /><br />
<li><a href="feedback.aspx">General Feedback</a></li>
</ul>
</div>
<div id="sidebox_btm"></div>
</div>
<!--END SIDEBOX-->

此部分的css如下所示:

#sidebox_bod
{
width: 200px;
margin: 0 30px 0 0;
padding: 0;
background: url('../img/supbxbod.gif');
background-repeat:repeat-y;
background-position:bottom;
}

#sidebox_bod ul
{
list-style-image:url('../triangle.gif'); 
text-align:left;
padding: 0 0 0 30px;
margin: 0;
}

#sidebox_bod ul li a
{
font-size: 13px;
}

你知道我能做些什么使所有浏览器的垂直间距相同吗?我更喜欢IE7的外观来修复这个问题。谢谢。