Question

求助css解决ie8兼容性的问题

导航菜单里（Header.asp）上边距 ie7显示正常，ie8里就向下移动了4个像素
如何解决ie8兼容问题，？
求教这该怎么解决?在线等待，急……
ie7显示正常

ie8里就向下移动了4个像素
.liNav{ overflow:hidden; width:109px; height:43px; line-height:43px; color:#fff1d9; text-align:center;}
.liNav a{ line-height:43px; display:block; font-size:16px; color:#fff1d9; font-weight:bold;width:109px; height:43px; background:url(../Images/bgh_6.jpg) no-repeat 0 0; }
.liNav a:hover{width:109px; height:43px; background:url(../Images/bgh_6.jpg) no-repeat 0 -43px; text-decoration:none;}
这是CSS代码





Answer 1

.liNav{ overflow:hidden; width:109px; height:43px; line-height:43px; color:#fff1d9; text-align:center; position:relative;}
.liNav a{ line-height:43px; display:block; font-size:16px; color:#fff1d9; font-weight:bold;width:109px; height:43px; background:url(../Images/bgh_6.jpg) no-repeat 0 0; position:relative; top:-5px}
.liNav a:hover{width:109px; height:43px; background:url(../Images/bgh_6.jpg) no-repeat 0 -43px; text-decoration:none;}

按照上面的样式子加一个position属性，强制浏览器去自动定位top属性，这个应该是各个浏览器兼容的

Answer 2

楼上的太复杂，新手不太好改。最简单的方法是用css hack，
但楼主没说清楚到底是哪个元素下移了4，是a标签还是a的父标签（div或者table什么的）

Answer 3

可以把这个网站发到我邮箱 我看看吗？ 971931543@qq.com