Question

急！div+css IE6和IE7的兼容问题！为什么在IE7和FF中图片显示正常，而在IE6中，图片之间就有空隙呢？

代码如下：
css:
#zuihou {
BACKGROUND: url(http://) no-repeat; WIDTH: 1024px; HEIGHT: 121px;!important;margin:0px;padding:0px;
}
#zuihou UL {
FONT-SIZE: 14px; MARGIN-RIGHT: 30px; LIST-STYLE-TYPE: none;display:inline;
}
#zuihou LI {
PADDING-RIGHT: 30px; PADDING-LEFT: 50px; FLOAT: left; PADDING-BOTTOM: 0px;PADDING-TOP: 10px;display:inline;
}
#zuihou A {
COLOR: #000000; TEXT-DECORATION: none
}
html中:
<P><IMG src=".files/i5.jpg"></P>
<DIV id=zuihou>
<UL>
<LI><A href="http//"><STRONG>首页</STRONG></A> </LI>
<LI><A href="http://"
target=_blank><STRONG>新闻公告</STRONG></A> </LI>
<LI><A href="http://"
target=_blank><STRONG>产品介绍</STRONG></A> </LI>
<LI><A href="http://"
target=_blank><STRONG>常见问题</STRONG></A> </LI>
<LI><A href="http://"
target=_blank><STRONG>关于我们</STRONG></A> </LI>
PS:第二张图是做为背景图。
背景图中的"!important"是不要的！

Answer 1

你是指P元素内的图片和#zuihou内的图片的间隙吗？如果你在前面统一定义了
margin:0;padding:0;的话，那么建议定义一下p img{display:black;}，再或者你试定义p img{line-height:0;}.因为很多人可能会忽略img元素也是行内元素这个概念。

Answer 2

因为你用了<ul>标记，这个标记在IE6和IE7，Firefox中的默认设置是不一样的，建议你直接应用<div id="">进行编排吧