IE6与IE8 CSS 兼容性！！

[zhangle861010]

#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中相同！是不是因为兼容性的问题？

请各位大大帮忙解决！！！ 谢谢！！！！

[zhangle861010]

各位大大帮帮忙！！！ 谢谢了！！！

[missgd152]

我之前碰到的是IE6.0不支持样式名带下划线，你那个间隔符号不加样式的话怎么显示出来呢？你只要考虑IE6.0中的效果就可以了，比它版本高的反正都能兼容的。

[linshenxiu]

<li class="m_line"><font color="#FFFFFF" size="+1">|</font></li>
楼主你把分隔符的颜色设成白色的了怎么能看得见呢？

[atmo]

最好不要这么样做 兼容性的东西太头疼 而且 这样定义后 分割线的颜色和大小 在每个浏览器中都有出入
最好的解决办法是 把分割线做成1像素的图片 作为背景 这样会省去很多麻烦 页面呈现速度也不会受多大影响

[jinpengaigo]

我的一些java 方法写在了jsＰ 页面 为什么 IE6跑不起来呢 也不报错 IE8 好好的 很郁闷 不知道是哪里的问题