#menu{
height:32px;font-size: 14px;line-height:32px; text-align:center;
margin-top:8px; background-image:url(image/01-_50.jpg);
}
#menu ul{
margin:auto; width:1024px; height:32px;line-height:32px;
list-style-type:none; padding:0px; margin-top:0px; margin-bottom:0px;
}
.m_li{
float:left; width:93px; line-height:32px; height:32px;text-align:center; margin-right:-2px; margin-left:-2px;display:inline;
}
.m_line{
float:left; width:1px; height:32px;
line-height:32px; text-align:center; /*ff下有效(图片垂直居中)*/
}
.m_line img{
margin-top:expression(( 32 - this.height ) / 2); /*ie下有效(图片垂直居中)*/
}
上面的CSS编码是文字之间的间隔符的属性
<div id="menu">
<ul>
<li id="m_1" class='m_li' onMouseOver='mover(1);' onMouseOut='mout(1);'><a href="/"><font size="+1"><strong>首页</strong></font></a></li>
<li class="m_line"><font color="#FFFFFF" size="+1">|</font></li>
<li id="m_2" class='m_li' onMouseOver='mover(2);' onMouseOut='mout(2);'><a href="/"><font size="+1"><strong>新闻资讯</strong></font></a></li>
</ul>
</div>
在IE6和IE8显示不同的效果！ 在IE6能过正常显示 在IE8中所有文本都堆在一块，貌似CSS间隔符属性没有执行！
如果将IE6中的class="m_line" 去掉 显示效果和IE8中相同！是不是因为兼容性的问题？
请各位大大帮忙解决！！！ 谢谢！！！！
