不同浏览器中显示存在高度差怎么解决

Question

<div class="last"><b>*</b>验证码：&nbsp&nbsp;<input type="text"  class="yz"><span></span><a class="yan" href="#">换一组</a>

.last{margin-left:35px;margin-top:10px; vertical-align:middle;line-height:40px;}
.last img{ vertical-align:0px;margin:10px 10px 0 6px;}
.last span{background: url(zhuceimages/20150908155023.png);width:107px;height:40px;display:inline-block;line-height:40px; }

前面是代码，后面是样式。在ie6、7和8中显示不一样。不是这里高了，就是那里低了总是对不齐。最近经常遇到这种情况，请问谁有好的解决方案？

Answer 1

可以自行百度一下，css reset.不同浏览器默认的样式不同。如果已经进行过reset，看看是不是用了一些比较新的，IE 6/7/8 不兼容的CSS3属性。