css - IE 问题 - 图像周围不需要的边距

Question

http://www.wedevents.com.au/index.asp

在 FF 中没有问题，但在 IE 中，顶部和底部菜单中的图像周围出现了一些不需要的白边。

关于如何去除不需要的边距有什么想法吗？

HTML:

<ul class="topnav">
<li>
    <a href="http://www.wedevents.com.au/index.asp"> 
    <img src="/images/menu_home.gif" name="home" onMouseOver="over(0)" onMouseOut="out(0)" alt="Home" /></a>
</li>
<li>
    <a href="http://www.wedevents.com.au/about.asp"> 
    <img src="/images/menu_about.gif" name="about" onMouseOver="over(1)" onMouseOut="out(1)" alt="About" /></a>
</li>

CSS:

ul.topnav {
list-style: none;
padding: 0 85px;
margin: 0 auto;
width: 630px;
height: 36px;
background: #b09a27;
font-size: medium;
text-align: left;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
ul.topnav li a{
padding: 0;
color: #fff;
display: block;
text-decoration: none;
float: left;
}

Answer 1

图像上没有边距或填充。用户代理样式默认为在图像周围放置边框。在图像上设置 border: 0;。另请参阅 reset.css 的其他答案，以防止将来发生此类事情。