Question

前端left的位置，在IE8 和chrome的显示位置不一样，代码样式如下

color:#84a2d3;
font-size:10px;

}
#header3{
position:absolute;
top:20px;
left:160px;
font-size:12px;
z-index:6;
}
#header4{
font-size:11px;
position:absolute;
top:15px;
right:44px;
}
#header4 a{
color:#1763da;
border:1px solid #e1e3e6;
border-radius:2px;
width:88px;
padding:14px 0px;
display:block;
text-align:center;
}
#header4 a:hover{
color:white;
border-color:#1763da;
text-decoration:none;
background:#1763da;
}
#header5{
text-align:center;
position:absolute;
top:18px;
right:-111px;
}
#header51{
padding-bottom:6px;
font-size:12px;
}
#header52{
padding-top:12px;
font-size:11px;
}

<div class="home-fixed">
<div class="l-container">
<h1 id="header1">
<a href="#">
<img src="/img/df.jpg" width="114" height="33" alt="Remote Teskit">
</a>
</h1>
<div id="header2">
Mobile APP Testing
</div>
<nav id="header3">
<ul class="nav nav-pills">
<li><a href="#">PRODUCT</a></li>
<li><a href="#">PRICES</a></li>
<li><a href="#">DEVICES</a></li>
<li><a href="#">SUPPORT</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>

<div id="header4">
<a href="#" target="_blank">SIGN IN</a>
</div>
<div id="header5">
<div id="header51"><a href="#">+1 (650) 946-8849</a></div>
<div id="header52"><a href="#">Japanese</a></div>
</div>
</div>
</div>

若以下回答无法解决问题，邀请你更新回答

Answer 1

估计跟ie8不认html5标签nav有关，把nav标签改成div试试

追问

还有就是为什么font-family字体在ie 8中显示的颜色比较浅？